@media screen and (min-width: 992px) {
	.navbar .navbar-collapse {flex-direction: column; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column;}
	.navbar .navbar-collapse .social {padding-right: 0.5rem;}

	#sobre .titulo, #sobre-interna .titulo {text-align: left;}
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
	#sobre-interna img {height: 439px;}
}

@media screen and (max-width: 991px) {
	.navbar {background: rgba(255, 255, 255, .95); color: #46687c;}
	.navbar .navbar-brand .brand {width: 107px; transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out;}

	#sobre-interna img {height: auto; max-height: 300px; object-position: 50% 70%;}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	#detalhes .col-lg-3:nth-child(2n)::before {width: 0;}
}

@media screen and (max-width: 767px) {
	#detalhes .col-lg-3:not(:last-child)::before {top: unset; right: unset; bottom: 0; left: 50%; transform: translateX(-50%); width: 80%; height: 1px; background: #BBB;}

	footer {text-align: center;}
}

@media screen and (max-width: 575px) {
	#detalhes a {text-align: center; -ms-flex-direction: column; flex-direction: column;}
	#detalhes .icon.circle {margin: 0 0 0.75rem 0;}
}