@media (min-width: 48rem) {
.site-logo {
    width: 30em;
    height: 20em;
    margin: 0;
}
}

.cabecalho-info {
    padding: 0 1em;
    border-radius: 1em;
    color: #fff;
    font-weight: 100;
    font-size: 1.2em;
}

.site-cabecalho-fora {
    background-image: linear-gradient(to top, #321a03,#d9c6b8);
}

.box-whatsapp {
    position: fixed;
    bottom: 2.5em;
    right: 2.5em;
    z-index: 99999;
    width: 3.5em;
    height: 3.5em;
}

.site-rodape-fora {
    background-image: linear-gradient(to top, #d9d1cb, #321a03);
}

.icone--instagram {
	background: #000000; 
	background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
	background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
	background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
	border-radius: 50%;
}
.icone--facebook {
	background-color: #000000;
    background: -moz-linear-gradient(top, #3b5998, #2b4170);
    background: -ms-linear-gradient(top, #3b5998, #2b4170);
    background: -webkit-linear-gradient(top, #3b5998, #2b4170);
    border: 1px solid #2b4170;
    text-shadow: 0 -1px -1px #1f2f52;
	border-radius: 50%;
}

.lista-redes-sociais a {
	background: transparent;
}

.menu-principal-fora {
    background: #000000;
}

.redes-sociais-fora {
    background: #000000;
    color: #FFF;
}

.bg-cor-principal {
    background: #000000;
}

.corretor__header {
    background: #000000;
    color: #FFF;
    padding: 0.25em 0.75em;
}

.corretor__link {
	background: #000000;
}

.li-imovel__valores {
	background: #000000;	
}

@media (min-width: 48rem) {
.site-logo {
    width: 30em;
    margin: 0;
    height: 20em;
}
}

@media screen and (max-width: 480px) {
	.cabecalho-info {
		margin-top: unset;
	}
	.site-logo {
		margin-top: unset;
	}	
}


@media only screen and (max-width: 21rem) and (min-width: 18rem) {
	.site-logo {
		height: 20em;
	}
}

@media screen and (max-width: 480px) {
	.site-logo {
		height: 100%;
		margin: 0 auto;
		width: 100%;
	}
	
	a.site-logo {
		background: #d2d2d2;
		border-radius: 10px;
	}
}