@import '../Headers/HeaderNoImg/headerNoImg.css';
@import "../Moduli/Fasce/fascia-mappa.css";
@import "../components/Shop/product-preview.css";

#contact-us .three-col-grid {
	gap: 1.04vw; /*20*/
}
#contact-us .col .col-content {
    height: 22.92vw;
    min-height: 380px; /*380*/
    overflow: hidden;
}
#contact-us .col-content-inner {
    z-index: 2;
}
#contact-us h2 {
    margin-bottom: 0.78vw; /*15*/
}
#contact-us .btn {
	width: 16.41vw !important; /*315*/
    margin-top: 0.52vw; /*10*/
}

#contact-us .social-links a {
    height: 2.71vw; /*52*/
    width: 2.71vw; /*52*/
    min-height: 39px;
    min-width: 39px;
    background-color: #353535;
}
#contact-us .social-links a svg,
#contact-us .social-links a svg path {
    /*fill: #FFFFFF !important;*/
}
#contact-us .social-links a svg {
    width: 1.3vw; /*25*/
    height: 1.04vw; /*20*/
    min-width: 19px;
    min-height: 15px;    
    /*opacity: 0.7;*/
}
#contact-us .social-links a:hover {
	background-color: #565656;
}

@media screen and (max-width: 1920px) {
	#contact-us .btn {
	    margin-top: 20px;
	}
	#contact-us h2 {
	    margin-bottom: 15px;
	}
}

@media screen and (max-width: 1690px) {
	#contact-us .col-content-btn,
	#contact-us .btn {
	    width: 100% !important;
	}
	#contact-us .btn {
	    font-size: 12px;
	    padding: 19px 0;
	}
}

@media screen and (max-width: 1280px) {
	#contact-us .stripe-container-inner {
	    padding-left: 0;
	    padding-right: 0;
	}	
}

@media screen and (max-width: 992px) {
	#contact-us .col.col-3  {
	    grid-column: 1 / -1;
	}
	#contact-us .three-col-grid {
	    gap: 20px;
	}	
	#contact-us .col.col-3 .col-content {
	    min-height: 300px;
	}
	#contact-us h2 {
	    margin-bottom: 10px;
	}	
}

@media screen and (max-width: 767px) {
	#contact-us h2 {
	    font-size: 24px;
	}
}

@media screen and (max-width: 600px) {
	#contact-us .three-col-grid {
	    grid-template-columns: 1fr;
	}
	#contact-us .col .col-content {
	    min-height: 300px !important;
	}
}