.plus-card{
    position: relative;
    cursor: pointer;
}

 .plus-card .face{
    width: 100%;
    height: 200px;
    transition: 0.5s;
}

.plus-card .face.face1{
    position: relative;
    background: #333;
    /*background: #03d9e5;*/
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    transform: translateY(50px);
}

.plus-card:hover .face.face1{
    background: #EE1D24;
    transform: translateY(0);
}

.plus-card .face.face1 .content{
    opacity: 0.75;
    transition: 0.5s;
}

.plus-card:hover .face.face1 .content{
    opacity: 1;
}

.plus-card .face.face1 .content img{
    max-width: 100px;
}

.plus-card .face.face1 .content h3{
    margin: 10px 0 0;
    padding: 0;
    color: #fff;
    text-align: center;
    font-size: 1.5em;
}

.plus-card .face.face2{
    position: relative;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    box-sizing: border-box;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.8);
    transform: translateY(-150px);
}

.plus-card:hover .face.face2{
    transform: translateY(0);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.8);
}

.plus-card .face.face2 .content p{
    margin: 0;
    padding: 0;
}

/*.plus-card .face.face2 .content a{
    margin: 15px 0 0;
    display:  inline-block;
    text-decoration: none;
    font-weight: 900;
    color: #333;
    padding: 5px;
    border: 1px solid #333;
}*/

/*.plus-card .face.face2 .content a:hover{
    background: #333;
    color: #fff;
}*/

#awards .award-group{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: flex-start;
	align-content: flex-start;
}

#awards .award{
	padding:1em;
	flex-basis:300px;
	flex-grow: 0;
	opacity: 0.45;
	cursor: pointer;
	transition: all .6s ease;
}

#awards .award:hover{
	opacity: 1;
}

#awards .award:hover img{
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
}

#awards .award img{
	width:100%;
	max-width:100px;
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	margin-bottom: 1em;
}

@media (max-width: 768px) {

	.plus-card{
	    position: relative;
	    cursor: pointer;
	}

	 .plus-card .face{
	    width: 100%;
	    height: 100px;
	    transition: 0.5s;
	}

	.plus-card .face.face1{
	    position: relative;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    z-index: 1;
	    transform: translateY(50px);
	}

	.plus-card:hover .face.face1{
	    background: #EE1D24;
	    transform: translateY(0);
	}


	.plus-card:hover .face.face1 .content{
	    opacity: 1;
	}

	.plus-card .face.face1 .content img{
	    max-width: 64px;
	}

	.plus-card .face.face1 .content h3{
	    margin: 10px 0 0;
	    padding: 0;
	    color: #fff;
	    text-align: center;
	    font-size: 1em; /* MODIFICATO */
	}

	.plus-card .face.face2{
	    position: relative;
	    background: #fff;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    padding: 20px;
	    box-sizing: border-box;
	    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.8);
	    transform: translateY(-50px);
	}

	.plus-card:hover .face.face2{
	    transform: translateY(0);
	    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.8);
	}

	.plus-card .face.face2 .content p{
	    margin: 0;
	    padding: 0;
	}

	.plus-card .face.face2 .content a{
	    margin: 15px 0 0;
	    display:  inline-block;
	    text-decoration: none;
	    font-weight: 900;
	    color: #333;
	    padding: 5px;
	    border: 1px solid #333;
	}

	.plus-card .face.face2 .content a:hover{
	    background: #333;
	    color: #fff;
	}

	.spacer.s0 {
		min-height: 1px;
	}
	.spacer.s1 {
		min-height: 50px;
	}
	.spacer.s2 {
		min-height: 100px;
	}
	.spacer.s3 {
		min-height: 150px;
	}
	.spacer.s4 {
		min-height: 200px;
	}
	.spacer.s5 {
		min-height: 250px;
	}
	.spacer.s6 {
		min-height: 300px;
	}
	.spacer.s7 {
		min-height: 350px;
	}
	.spacer.s8 {
		min-height: 400px;
	}
	.spacer.s9 {
		min-height: 4500px;
	}
	.spacer.s10 {
		min-height: 500px;
	}
	.spacer.s_viewport {
		min-height: 100%;
	}

	h1.display-4
	{
		font-size: 1.5em;
	}

	h1{
		font-size: 1.25em;	
	}
	h2{
		font-size: 1em;
	}

	p.lead{
		font-size: .875em;
	}

	p{
		font-size: .675em;	
	}

	#connectivity-plus img{
		max-width: 64px;
	}

	img.touchFeat,
	img.largeDigitFeat,
	img.wakeupFeat,
	img.whiteFeat,
	img.waterFeat,
	img.woodFeat,
	img.toblackFeat,
	img.inoxFeat,
	img.styleFeat,
	img#imgCTRL{
		max-width: 300px;
	}
}

@media (max-width: 576px) {

	.plus-card{
	    position: relative;
	    cursor: pointer;
	}

	 .plus-card .face{
	    width: 100%;
	    height: 100px;
	    transition: 0.5s;
	}

	.plus-card .face.face1{
	    position: relative;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    z-index: 1;
	    transform: translateY(50px);
	}

	.plus-card:hover .face.face1{
	    background: #EE1D24;
	    transform: translateY(0);
	}


	.plus-card:hover .face.face1 .content{
	    opacity: 1;
	}

	.plus-card .face.face1 .content img{
	    max-width: 48px;
	}

	.plus-card .face.face1 .content h3{
	    margin: 10px 0 0;
	    padding: 0;
	    color: #fff;
	    text-align: center;
	    font-size: 1em; /* MODIFICATO */
	}

	.plus-card .face.face2{
	    position: relative;
	    background: #fff;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    padding: 20px;
	    box-sizing: border-box;
	    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.8);
	    transform: translateY(-50px);
	}

	.plus-card:hover .face.face2{
	    transform: translateY(0);
	    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.8);
	}

	.plus-card .face.face2 .content p{
	    margin: 0;
	    padding: 0;
	}

	.plus-card .face.face2 .content a{
	    margin: 15px 0 0;
	    display:  inline-block;
	    text-decoration: none;
	    font-weight: 900;
	    color: #333;
	    padding: 5px;
	    border: 1px solid #333;
	}

	.plus-card .face.face2 .content a:hover{
	    background: #333;
	    color: #fff;
	}

	.spacer.s0 {
		min-height: 1px;
	}
	.spacer.s1 {
		min-height: 50px;
	}
	.spacer.s2 {
		min-height: 100px;
	}
	.spacer.s3 {
		min-height: 150px;
	}
	.spacer.s4 {
		min-height: 200px;
	}
	.spacer.s5 {
		min-height: 250px;
	}
	.spacer.s6 {
		min-height: 300px;
	}
	.spacer.s7 {
		min-height: 350px;
	}
	.spacer.s8 {
		min-height: 400px;
	}
	.spacer.s9 {
		min-height: 4500px;
	}
	.spacer.s10 {
		min-height: 500px;
	}
	.spacer.s_viewport {
		min-height: 100%;
	}

	h1.display-4
	{
		font-size: 1.5em;
	}

	h1{
		font-size: 1.25em;	
	}
	h2{
		font-size: 1em;
	}

	p.lead{
		font-size: .875em;
	}

	p{
		font-size: .675em;	
	}

	#connectivity-plus img{
		max-width: 64px;
	}

	img.touchFeat,
	img.largeDigitFeat,
	img.wakeupFeat,
	img.whiteFeat,
	img.waterFeat,
	img.woodFeat,
	img.toblackFeat,
	img.inoxFeat,
	img.styleFeat,
	img#imgCTRL{
		max-width: 300px;
	}
}