body, html{font-family: 'Roboto', sans-serif;}
body{background: url(../images/bg.png) no-repeat top center;}
a{text-decoration: none !important;}


#marca{margin: 100px auto 30px auto; width: 100%; max-width: 650px;}
#marca img{width: 100%; max-width: 650px;}
#em_constucao{margin-top: 80px;}
#em_constucao h2{color: #dcdcdc; font-size: 29px; text-transform: uppercase;}
.style-col-contact{border-radius: 60px; background: #dcdcdc; padding: 15px; width: 800px; margin:40px auto auto auto;}
.icon-contact{width: 55px; height: 55px; margin-right: 20px;}
.infor-contact{font-size: 20px; color: #280c60; padding: 13px 0px;}
.m-btm-60{margin-bottom: 60px;}
.l-right{float: right;}



@media (min-width: 1200px) {
	
	
}

@media (min-width: 1199px) and (max-width: 1200px) {
	
	
}

@media (min-width: 992px) and (max-width: 1199px) {	
	

}

@media (min-width: 768px) and (max-width: 991px) {
	.style-col-contact{width:100%}
}

@media (min-width: 480px) and (max-width: 767px){
	.style-col-contact{width:100%}
	.efeito-mobile{display: flex; margin: auto;}
	.style-col-contact-mob{display: table !important; width: auto; margin:25px auto;}
}

@media (min-width: 320px) and (max-width: 479px) {
	.style-col-contact{width:100%}
	.efeito-mobile{display: flex; margin: auto;}
	.style-col-contact-mob{display: table !important; width: auto; margin:25px auto;}
}