@media (max-width: 1199px) and (min-width: 992px){
	.navbar-inverse .navbar-nav .nav-link{
		font-size: 13px;
	}
	.banner .legenda{
		width: 70%;
	}
	.home3 .box h3{
		font-size: 19px;
	}
	.rodape .contato a.fale {
	    padding: 8px 13px;
	    font-size: 14px;
	}
	.copy p{
		font-size: 13px;
	}
	.banner-interna .legenda{
		width: 70%;
	}
}
@media (max-width: 991px) and (min-width: 768px){
	.navbar-inverse .navbar-nav .nav-link{
		font-size: 13px;
	}
	.banner .legenda{
		width: 100%;
		padding: 0 15px;
	}
	.home3 .box h3{
		font-size: 19px;
	}
	.rodape .contato a.fale {
	    padding: 8px 13px;
	    font-size: 14px;
	    display: block;
	    width: 50%;
	    margin: auto;
	}
	.copy p{
		font-size: 13px;
	}
	.banner-interna .legenda{
		width: 100%;
	}
	.contato .formulario,.orcamento .formulario{
		width: 100%;
	}
	.home1 .resultados{
		margin: 0 auto 50px;
	}
	.copy .esquerda {
	    float: inherit;
	    text-align: center;
	}
	.copy .direita {
	    float: inherit;
	    text-align: center;
	    height: auto;
	    overflow: hidden;
	    margin-top: 15px;
	}
	.copy .direita p {
	    float: inherit;
	}
	.copy .imagens {
	    float: right;
	    position: relative;
	    left: -50%;
	    text-align: left;
	    margin: 20px 0 0;
	}
	.copy .imagens ul {
	    list-style: none;
	    position: relative;
	    left: 50%;
	    padding-left: 0;
	}
	.rodape .menu{
		text-align: center;
	}
	.rodape .contato{
		text-align: center;
	}
	.rodape .redes{
	    float: right;
	    position: relative;
	    left: -50%;
	    text-align: left;
	    margin: 20px 0 0;
	}
	.rodape .redes ul{
	    list-style: none;
	    position: relative;
	    left: 68%;
	    padding-left: 0;
	}
	.home8 .nossoblog .box{
		width: 50%;
	}
	.redes{
		margin-top: 20px;
	}
	.navbar button{
		border: none !important;
	    background-color: #c8dd07;
	    top: 30px;
	}
}

@media (max-width: 767px){
	.banner-interna .legenda{
		
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
  text-align: center;
  padding: 20px;
	}
	.banner-interna h1{
		font-size: 32px;
	}
	.navbar .container{
		margin: 0;
	}
	.redes{
		margin-top: 20px;
	}
	.navbar-nav{
		margin: 0;
	}
	.navbar-brand{
		top: 0 !important;
	}
	.navbar button{
	    border: none !important;
	    background-color: transparent;
	    top: 14px;
	    font-size: 28px;
	    right: 0;
	    outline-color: #9ca82b;
	}
	.navbar-inverse .navbar-nav .nav-link{
		font-size: 15px;
		text-align: center;
	}
	.banner .legenda{
		width: 100%;
		padding: 0 15px;
		top: 12%;
	}
	.home3 .box h3{
		font-size: 19px;
	}
	.rodape .contato a.fale {
	    padding: 8px 16px;
	    font-size: 14px;
	    display: block;
	    width: 100%;
	    margin: auto;
	}
	.copy p{
		font-size: 13px;
	}
	.banner-interna .legenda{
		width: 100%;
	}
	.contato .formulario,.orcamento .formulario{
		width: 100%;
	}
	.home1 .resultados{
		margin: 0 auto 50px;
	}
	.copy .esquerda {
	    float: inherit;
	    text-align: center;
	}
	.copy .direita {
	    float: inherit;
	    text-align: center;
	    height: auto;
	    overflow: hidden;
	    margin-top: 15px;
	}
	.copy .direita p {
	    float: inherit;
	}
	.copy .imagens {
	    float: right;
	    position: relative;
	    left: -50%;
	    text-align: left;
	    margin: 20px 0 0;
	}
	.copy .imagens ul {
	    list-style: none;
	    position: relative;
	    left: 50%;
	    padding-left: 0;
	}
	.rodape .menu{
		text-align: center;
	}
	.rodape .contato{
		text-align: center;
	}
	.rodape .redes{
	    float: right;
	    position: relative;
	    left: -50%;
	    text-align: left;
	    margin: 20px 0 0;
	}
	.rodape .redes ul{
	    list-style: none;
	    position: relative;
	    left: 68%;
	    padding-left: 0;
	}
	.home8 .nossoblog .box{
		width: 100%;
	}
	.banner .botoes {
	    padding: 10px 0 0;
	}
	.banner .botoes a{
		margin: 0 30px 10px;
	    display: block;
	}
	.home7 .portfolio .box{
		width: 100%;
	}
	.banner h2{
		font-size: 34px;
	}
	.navbar {
	    position: relative;
	    z-index: 999;
	    margin: auto;
	    width: 100%;
	    background-color: #1e4265;
	}
	.banner .imagem{
		height: 500px;
	}
	.banner .imagem img{
		height: 500px;
	}
	.agencia img{
		margin-bottom: 20px;
	}
	.home1 .titulo p{
		font-size: 18px;
	}
	.home7 .portfolio .box:hover .texto{
		top: 30%;
	}
	.home1 .titulo h2{
		font-size: 30px;
	}
	.texto p{
		font-size: 16px !important;
	}
	.cases .um p{
		margin-top: 20px;
		text-align: justify;
	}
	.cases .dois{
		padding: 20px 0 0;
	}
	.cases .dois p{
		margin-bottom: 40px;
	}
	.cases .tres h3 {
	    text-align: center;
	    margin: 0 0 30px;
	}
	.cases .tres p{
		padding-right: 0;
		text-align: justify;
	}
	.cases .quatro p{
		text-align: justify;
		padding: 0;
	}
	.cases .cinco p{
		padding: 0 !important;
		text-align: justify !important;
	}
	.cases .mestres p {
	    float: inherit;
	    font-size: 22px;
	    text-align: center;
	}
	.cases .mestres a{
		float: inherit;
		top: 0;
	}
	.copy .imagens ul li{
		float: inherit;
	    margin: 10px 0;
	    text-align: center;
	}
	.home6 .dentro a{
		padding: 15px 0;
		width: 100%;
	}
	.cases img{
		width: 100%;
		height: auto;
	}
}