html, button, input, select, textarea {
	color: #222;
}
body {
	font-size: 1em;
	line-height: 1.4;
}

hr { /* Linha degrade  */
	display: block;
	height: 3px;
	border: 0;
	padding: 0;
	background: -moz-linear-gradient(left,  #ffffff 0%, #e6e6e6 55%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(55%,#e6e6e6), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #ffffff 0%,#e6e6e6 55%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #ffffff 0%,#e6e6e6 55%,#ffffff 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #ffffff 0%,#e6e6e6 55%,#ffffff 100%); /* IE10+ */
	background: linear-gradient(to right,  #ffffff 0%,#e6e6e6 55%,#ffffff 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#e6e6e6',GradientType=1 );	 /* IE6-9 */
	width: 70%;
/*	left: 25%; */
	position: relative;
}
img {
	vertical-align: middle;
}
textarea { /* Permite somente o redimensionamento vertical de textareas */
	resize: vertical;
}


/* ========  MENU  ========== */
.main-header { /* Segunda div do MENU - barra do menu */
  background-color: #fff;
  position: fixed;
  width: 100%;
  margin: 0 auto;
  z-index: 1000;
  top: 0px;
  -moz-box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.07);
  -webkit-box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.07);
  box-shadow: 1px 1px 3px 2px rgba(0, 0, 0, 0.07);/**/
  -webkit-transition: all 150ms ease-in-out;
  -moz-transition: all 150ms ease-in-out;
  transition: all 150ms ease-in-out;
    padding-top: 10px;
}
.navbar-default { /* nav geral Logo e Menu */
    background-color: rgba(255, 0, 0, 0);
    border: none;
}
.navbar-default ul li a {
  text-transform: uppercase;
  font-size: 15px;
  color: #888;
  font-weight: 700;
  line-height: 10px;
}
.navbar-default ul li.active a {   /*link ativo verde (li do menu)*/
  color: #38b5c9;
}
.navbar-header { /* div da Logo e do Menu sanduich */
    padding-left: 10px;
    padding-top: 10px;
}
.navbar-nav { /* ul do Menu = .menu-first */
    float: left;
    margin: 0;
    background-color: #fff;
}
.navbar-header-menu > .navbar-nav > li {
    float: left;
}
.navbar-nav > li > a { /*Distância do menu inline p/ topo */
    padding-top: 25px;
    padding-bottom: 15px;
}
.navbar-header-menu > .navbar-right {
    float: right !important;
}
.navbar-right:last-child {
    margin-right: -15px !important;
}
.navbar .navbar-nav > li > a,
.navbar .navbar-nav > .actives > a{  /* .navbar = nav geral Logo e Menu */
    color: #888;
}
.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > li > a:focus,
.navbar .navbar-nav > .actives > a:hover,
.navbar .navbar-nav > .actives > a:focus {
  color: #38b5c9;
}
.main-menu { /* div do menu geral (sanduich e normal)*/
}
.navbar-toggle {/* div do menu sanduich = .toggle-menu */
}

@media screen and (max-width: 767px) {
  .site-header { /* Primeira div do MENU */
    margin-top: 40px;
  }
  .main-header { /* Segunda div do MENU - barra do menu */
    top: 0;
  }
}


/* ========  GERAL  ========== */
html, body {
	height: 100%;
}
body {
  	font-family: "Lato", Helvetica, Arial, sans-serif;
	font-weight: 300;
	font-size: 16px;
	color: #555;
	-webkit-font-smoothing: antialiased;
	-webkit-overflow-scrolling: touch;
}
.col-sm-3 { /* portifolio (imagens) - contato (3 box) */
	padding-bottom: 30px;
}
.col-md-4 { /* home, artes, contato (3 box) */
	padding-bottom: 30px;
}
.row { /* artesweb portif soluc contato footer */
	margin-right: 0px;
	margin-left: -15px;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: 200;
	color: #555;
}
h2 { /* Títulos */
	font-size: 33px;
	color: #666;
	font-weight: 500;
}
h3 {
	font-size: 24px;
	font-weight: 500;
}
p {
	line-height: 29px;
	margin-bottom: 20px;
}
p.large { /* txt 1 do Portif e solucoes */
	font-size: 18px;
	margin-bottom: 50px;
}
.txt_verde { /* fonte Artes Web verde */
	color: #3BB3C2;
	font-size: 19px;
	font-weight: 400;
	text-align: center;
	letter-spacing: 1px;
	line-height: 33px;
}
.txt_roxo { /* icones e textos abaixo dos títulos  */
	color: #6A65A0;
	font-size: 19px;
	font-weight: 500;
	text-align: center;
	letter-spacing: 1px;
	line-height: 27px;
}
.fa-cog, .fa-star, .fa-heart, .fa-user {
	color: #6A65A0;
}
.centered { /* tit e txt */
	text-align: center;
}

/* Links */
a {
	color: #999;  /* 4abcc5 */ 
	word-wrap: break-word;
	-webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
	-moz-transition: color 0.1s ease-in, background 0.1s ease-in;
	-ms-transition: color 0.1s ease-in, background 0.1s ease-in;
	-o-transition: color 0.1s ease-in, background 0.1s ease-in;
	transition: color 0.1s ease-in, background 0.1s ease-in;
}
a:hover, a:focus {
	color: #34b1c4;  /* c0392b */ 
	text-decoration: none;
	outline: 0;
}
a:before, a:after {
	-webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
	-moz-transition: color 0.1s ease-in, background 0.1s ease-in;
	-ms-transition: color 0.1s ease-in, background 0.1s ease-in;
	-o-transition: color 0.1s ease-in, background 0.1s ease-in;
	transition: color 0.1s ease-in, background 0.1s ease-in;
}



/* ======= HOME ======= */
#headerwrap {
	background: url(../img/header_bg.jpg);
	background-position: center top;
	background-attachment: fixed;
	background-repeat:no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: 100%;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	width: 100%;
	text-align: center;
	padding-top: 270px;
	padding-bottom: 100px;  
	min-height: 650px;
	margin-top: 70px;
}
#headerwrap h1 { /* títulos */
	border-bottom:2px solid #6A65A0;  /* linha rx abaixo dos tit */
	color: #fff;
	font-size: 37px;
	font-weight: 700;
	text-align: center;
	letter-spacing: 2px;
	padding-bottom: 3px;
}
#headerwrap p { /* descubra ... */
	padding-top: 25px;
	color: #fff;
	font-size: 21px;
	font-weight: 400;
	text-align: center;
	letter-spacing: 1px;
	line-height: 33px;
}
#headerwrap h2 { /* a melhor... */
	color: #666;
	font-size: 33px;
	font-weight: 500;
}
#headerwrap h3 { /* trabalhamos...*/
	padding-top: 25px;
	color: #6A65A0;
	font-size: 27px;
	font-weight: 700;
	text-align: center;
	letter-spacing: 2px;
	padding-bottom: 1px;
}

/* ======= ARTES WEB ======= */
#artesweb {
	background-color: #fff;
	padding: 90px 0; /* Distância do Título p/ o Menu */
	text-align: center;
}
#artesweb img {
	margin-top: 0;
}
#artesweb p { /* verde    trabalhamos ... */
	padding-top: 25px;
	color: #3BB3C2; /* #34b1c4 */
	font-size: 19px;
	font-weight: 400;
	text-align: center;
	letter-spacing: 1px;
	line-height: 33px;
}
#artesweb h1 {  /*  acreditando... */
	font-size: 17px;
	font-weight: 300;
	text-align: center;
	letter-spacing: 1px;
	line-height: 33px;
	color: #333;
}
#artesweb hr { /* Linha degrade  */
	margin: 3em 0;
}


/* ======= PORTIFOLIO ======= */
#portfolio {
	background-color: #fff;
	padding: 90px 0; /* Distância do Título p/ o Menu */
	text-align: center;
}
#portfolio p { /* verde    aqui ... */
	padding-top: 25px;
	color: #34b1c4;
	font-size: 19px;
	font-weight: 400;
	text-align: center;
	letter-spacing: 1px;
	line-height: 33px;
}
#portfolio h1 {  /*  confira... */
	font-size: 21px;
	font-weight: 500;
	text-align: center;
	letter-spacing: 1px;
	line-height: 33px;
	color: #333;
}
#portfolio .btn-default { /* MINI - botão mais detalhes */
	border: 0;
}
#portfolio ul {
	list-style: none;
	color: #999;
	font-size: 15px;
	font-weight: 500;
	text-align: left;
	margin-top: 30px;
}
#portfolio hr { /* Linha degrade  */
	margin: 3em 0;
}
.fa-angle-right {
	color: #34b1c4;
	padding-right: 7px;
}
.modal-header { /* MODAL - box cabeçalho do título de cada Projeto */
	background: #34b1c4;
}
.modal-header h4 { /* MODAL - Título de cada Projeto */
	color: white;
	font-weight: 700;
	letter-spacing: 1px;
}
.modal-footer { /* MODAL - box rodapé do botão Fechar de cada Projeto */
	background: #34b1c4;
}

.grid figure { /* MINI - tag <figure> = dentro da class grid mask  -   class grid = div dentro da div col-md-4*/
	margin: 0;
	position: relative;
	border: 1px solid #ddd;
}
.grid figure img { /* MINI - tamanho das imagens */
	width: 100%;
	display: block;
	position: relative;
}
.grid figcaption {  /* MINI - interfere na altura do box verde - dentro da tag <figure> = animação - fnd verde c/ tit e botão mais detalhes */
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	color: #fff;
	background-color: #34b1c4;
}
.grid figcaption h5 { /* MINI - Título de cada Projeto no box verde */
	margin: 0;
	padding-top: 0px;
	padding-left: 20px;
	padding-bottom: 5px;
	color: #fff;
	font-weight: 700;
	text-align: left;
	letter-spacing: 1px;
}
.grid figcaption a { /* MINI - botão mais detalhes */
	text-align: left;
	padding: 5px 10px;
	margin-left: 20px;
	display: inline-block;
	background: #2f2f2f;
	color: #fff;
	font-size: 13px;
}

/* Caption Style - legenda */
.mask figure {
	overflow: hidden;
}
.mask figure img {
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}
.no-touch .mask figure:hover img, .mask figure.cs-hover img {
	-webkit-transform: translateY(-30px);
	-moz-transform: translateY(-30px);
	-ms-transform: translateY(-30px);
	transform: translateY(-30px);
}
.mask figcaption {
	height: 50px;
	width: 100%;
	top: auto;
	bottom: 0;
	opacity: 0;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s 0.3s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s 0.3s;
	transition: transform 0.4s, opacity 0.1s 0.3s;
}
.no-touch .mask figure:hover figcaption, .mask figure.cs-hover figcaption {
	opacity: 1;
	-webkit-transform: translateY(0px);
	-moz-transform: translateY(0px);
	-ms-transform: translateY(0px);
	transform: translateY(0px);
	-webkit-transition: -webkit-transform 0.4s, opacity 0.1s;
	-moz-transition: -moz-transform 0.4s, opacity 0.1s;
	transition: transform 0.4s, opacity 0.1s;
}
.mask figcaption a {
	position: absolute;
	top: 10px;
	bottom: 10px;
	right: 30px;
}


/* ======= SOLUÇÕES ======= */
#solucoes {
	background: url(../img/bg.jpg);
	background-position: center;
	background-attachment: fixed;
	background-repeat:no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: 100%;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	text-align: center;
	padding: 90px 0; /* Distância do Título p/ o Menu */
}
#solucoes hr { /* Linha degrade  */
	margin-top: 15px;
	margin-bottom: 0;
	width: 90%;
	background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #e6e6e6, rgba(255, 255, 255, 0));
	background-image: -moz-linear-gradient(left, rgba(255, 255, 255, 0), #e6e6e6, rgba(255, 255, 255, 0));
	background-image: -ms-linear-gradient(left, rgba(255, 255, 255, 0), #e6e6e6, rgba(255, 255, 255, 0));
	background-image: -o-linear-gradient(left, rgba(255, 255, 255, 0), #e6e6e6, rgba(255, 255, 255, 0));	
}
#solucoes p { /* br    utilizamos ... */
	padding-top: 25px;
	color: #fff;
	font-size: 19px;
	font-weight: 400;
	text-align: center;
	letter-spacing: 1px;
	line-height: 33px;
}
#solucoes h2 {
	color: #fff;
	font-size: 33px;
	font-weight: 500;
}
.txt_sol1 h3{  /* Título dir ao lado da imagem */
	text-align: right; 
	color: #2f2f2f;
	font-size:17px;
	font-weight: 700;
	letter-spacing: 1px;
	word-spacing: 1px;
	margin-top: 51px;
}
.txt_sol2 h3{  /*  Título esq ao lado da imagem  */
	text-align: left; 
	color: #2f2f2f;
	font-size:17px;
	font-weight: 700;
	letter-spacing: 1px;
	word-spacing: 1px;
	margin-top: 51px;
}
.txt_sol1 h1{ /*  Textos peq ao lado da imagem -esq */ 
	color: #fff;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 1px;
	word-spacing: 1px;
	line-height: 21px;
	margin-top: 12px;
	margin-bottom: 0;
}
.txt_sol2 h1{ /*  Textos peq ao lado da imagem - dir */ 
	color: #fff;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 1px;
	word-spacing: 1px;
	line-height: 21px;
	margin-top: 12px;
	margin-bottom: 0;
}
.img1Ab{ /* Cx da imagem esq  */
	float: right;
	padding: 34px;
	padding-top: 51px;
	padding-right: 40px;
	padding-bottom: 120px; /* 15px */
}
.txt_sol1{  /* Box esq ao lado da imagem  */
	float: right;
	text-align: right;
}
.img2Ab{ /* Cx da imagem dir */
	float: left;
	padding: 40px;
	padding-top: 51px;
	padding-right: 37px;
	padding-bottom: 120px; /* 39px */
}
.txt_sol2{  /* Box dir ao lado da imagem */
	float: left;
	text-align: left;
}


/* ======= CONTATO ======= */
#contato {
	background: #fff;
	padding: 90px 0; /* Distância do Título p/ o Menu */
	text-align: center;
	list-style: none;
	margin-bottom: 70px; /* INTERFERE NA ROLAGEM (ÂNCORA) */
}
#contato p { /* verde   preencha...  */
	padding-top: 25px;
	color: #34b1c4;
	font-size: 19px;
	font-weight: 400;
	text-align: center;
	letter-spacing: 1px;
	line-height: 33px;
}
#contato h3 {  /* teremos... */
	color: #333;
	font-size: 17px;
	font-weight: 300;
	text-align: center;
	letter-spacing: 1px;
	line-height: 33px;
}
#contato h1 {  /* nos estamos... */
	color: #34b1c4;
	font-size: 21px;
	font-weight: 500;
	text-align: center;
	letter-spacing: 1px;
	line-height: 33px;
}
#contato ul { /* endereço em lista */
	list-style: none;
	color: #999;
	font-size: 15px;
	font-weight: 500;
	text-align: left;
	margin-top: 30px;
}
#contato h4 { /* endereço em 3 colunas */
	text-align: center;
	list-style: none;
	color: #999;
	font-size: 15px;
	font-weight: 500;
	line-height: 33px;
	margin-top: 3px;
}
#contato hr { /* Linha degrade  */
	margin: 3em 0;
}

.endereco01 { /* mostra endereço em lista e esconde em colunas */
	display: block;
}
.endereco02 { /* endereço em colunas e  em linha */
	display: none;
}

#contato .form {
	padding: 30px 0;
}
.fa-map-marker, .fa-phone, .fa-envelope-o { /* icones */
	color: #3ab7cb;
	margin-bottom: 10px;
	margin-right: 7px;
}
.antispan {
	margin-top: 15px;
}
#contato .btn { /* bt enviar */
	font-weight: 500;
	font-size: 18px;
	margin-top: 50px;
	background-color: #3ab7cb;
	color: #fff;
	border: 0;
}
#contato .btn:hover, #contato .btn:focus {
	background-color: #329cad;
	outline: 0px;
}


/* ======= FOOTER ======= */
#footerwrap {
	background: #2b2b2b;
	background-position: center bottom;
	background-attachment: fixed;
	background-repeat:no-repeat;
	text-align: center;
	padding: 25px 0 15px 0;
	border-bottom: 1px solid #ddd;
}
#footerwrap .copyright {
	color: #888;
	font-weight: 500;
	line-height: 40px;
}
strong { /* Bootstrap */
	font-weight: 700;
}
em { /* Bootstrap */
	font-weight: 300;
}
pre { /* Bootstrap */
	background: #ebebeb;
	border: none;
	font-family: "Monaco";
	font-size: 16px;
	color: #666;
	padding: 20px;
	line-height: 28px;
}
small { /* Bootstrap */
	font-size: 12px;
}
blockquote, blockquote p { /* Bootstrap */
	line-height: 28px;
	color: #999;
	font-weight: 300;
	font-style: italic;
}
blockquote { /* Bootstrap */
	position: relative;
	margin: 0 0 40px -30px;
	padding-left: 30px;
	border-left: 5px solid #3498db;
}
blockquote cite { /* Bootstrap */
	position: absolute;
	bottom: -25px;
	right: 0;
	font-size: 12px;
	font-style: italic;
	color: #333;
	font-weight: 300;
}
blockquote cite:before { /* Bootstrap */
	content: "-- "
}


/* ==============  MEDIA QUERIES  =============== */
@media screen and (max-width : 390px) {}
@media only screen and (max-width: 480px) { /* Smartphones ----------------------- */
    .icn_titulos{ /* icones roxos ao lado dos títulos */
        display: none;
    }
    hr { /* Linha degrade  */
        margin: 1em 0;
    }

    /* ======= HOME ======= */
    #headerwrap {
        padding-top: 70px;
    }
    #headerwrap h1 { /* títulos */
        font-size: 21px;
        padding-bottom: 3px;
    }
    #headerwrap p { /* descubra ... */
        padding-top: 1px;
        font-size: 15px;
    }
    #headerwrap h2 { /* a melhor... */
        font-size: 21px;
    }
    #headerwrap h3 { /* trabalhamos...*/
        padding-top: 3px;
        font-size: 19px;
    }

    /* ======= SOLUÇÕES ======= */
    .txt_sol1 h3{  /* Título dir ao lado da imagem */
        margin-top: 45px;
    }
    .txt_sol2 h3{  /*  Título esq ao lado da imagem  */
        margin-top: 45px;
    }
    .img1Ab{ /* Cx da imagem esq  */
        padding-top: 25px;
        padding-bottom: 30px; /* 39px */
    }
    .img2Ab{ /* Cx da imagem dir */
        padding-top: 25px;
        padding-bottom: 30px; /* 39px */
    }

    /* ======= CONTATO ======= */
    #contato {
        margin-bottom: 0px; /* INTERFERE NA ROLAGEM (ÂNCORA) */
    }
    #contato .btn { /* bt enviar */
        font-size: 15px;
        margin-top: 30px;
        padding: 5px 10px;
    }
}

@media screen and (min-width:481px) and (max-width:767px) { /* Tablet ---------------------------- */
    .icn_titulos{ /* icones roxos ao lado dos títulos */
        display: none;
    }
    .logo { /* distância da margem esq */
        margin-left: 20px;
    }

    /* ======= HOME ======= */
    #headerwrap {
        padding-top: 100px;
    }
    #headerwrap h1 { /* títulos */
        font-size: 27px;
        padding-bottom: 3px;
    }
    #headerwrap p { /* descubra ... */
        padding-top: 13px;
        font-size: 17px;
    }
    #headerwrap h2 { /* a melhor... */
        font-size: 25px;
    }
    #headerwrap h3 { /* trabalhamos...*/
        font-size: 23px;
    }

    /* ======= SOLUÇÕES ======= */
    .txt_sol1 h3{  /* Título dir ao lado da imagem */
        margin-top: 23px;
    }
    .txt_sol2 h3{  /*  Título esq ao lado da imagem  */
        margin-top: 23px;
    }
    .img1Ab{ /* Cx da imagem esq  */
        padding-top: 13px;
        padding-bottom: 40px;
    }
    .img2Ab{ /* Cx da imagem dir */
        padding-top: 13px;
        padding-bottom: 40px;
    }

    /* ======= CONTATO ======= */
    #contato {
        margin-bottom: 0px; /* INTERFERE NA ROLAGEM (ÂNCORA) */
    }
    #contato .btn { /* bt enviar */
        font-size: 15px;
        margin-top: 30px;
        padding: 5px 10px;
    }
}

@media screen and (min-width:768px) and (max-width:991px) { /* Desktop and laptops --------------- */
    .icn_titulos{ /* icones roxos ao lado dos títulos */
        display: none;
    }

    /* ======= HOME ======= */
    #headerwrap h1 { /* títulos */
        font-size: 27px;
        padding-bottom: 3px;
    }
    #headerwrap p { /* descubra ... */
        padding-top: 13px;
        font-size: 17px;
    }
    #headerwrap h2 { /* a melhor... */
        font-size: 25px;
    }
    #headerwrap h3 { /* trabalhamos...*/
        font-size: 23px;
    }

    /* ======= ARTES WEB ======= */
    #artesweb {
        padding: 100px 0;
    }

    /* ======= PORTIFOLIO ======= */
    #portfolio {
        padding: 100px 0;
    }
    .grid figcaption {  /* MINI - interfere na altura do box verde - dentro da tag <figure> = animação - fnd verde c/ tit e botão mais detalhes */
        padding: 15px; /* largura o box verde */
    }
    .grid figcaption h5 { /* MINI - Título de cada Projeto no box verde */
        display: none;
    }
    .grid figcaption a { /* MINI - txt botão mais detalhes */
        padding: 2px 10px; /* 10px espaçamento lateral interno entre txt e botão   5px inf e sup */
        font-size: 11px;
    }
    /* Caption Style - legenda */
    .mask figcaption {
        height: 5px; /* largura do botão */
    }
    .mask figcaption a { /* MINI - fnd botão mais detalhes */
        right: 9px; /* dist do bnt p/ marg dir */
        bottom: 5px;
        top: 5px;  /* altura do botão */
    }

    /* ======= SOLUÇÕES ======= */
    #solucoes {
        padding: 100px 0;
    }
    .txt_sol1 h3{  /* Título dir ao lado da imagem */
        margin-top: 13px;
    }
    .txt_sol2 h3{  /*  Título esq ao lado da imagem  */
        margin-top: 13px;
    }
    .img1Ab{ /* Cx da imagem esq  */
        padding-top: 13px;
    }
    .img2Ab{ /* Cx da imagem dir */
        padding-top: 13px;
    }

    /* ======= CONTATO ======= */
    #contato {
        padding: 100px 0px 30px 0px;
        margin-bottom: 0px; /* INTERFERE NA ROLAGEM (ÂNCORA) */
    }
    .endereco01 { /* esconde endereço em lista e mostra em colunas */
        display: none;
    }
    .endereco02 {
        display: block;
    }
    #contato .btn { /* bt enviar */
        margin-top: 30px;
        padding: 7px 13px;
    }
}

@media screen and (min-width:992px) and (max-width:1199px) { /* Desktop and laptops --------------- */
        /* ======= SOLUÇÕES ======= */
        .img1Ab{ /* Cx da imagem esq  */
            padding-bottom: 170px; /* 15px */
        }
        .img2Ab{ /* Cx da imagem dir */
            padding-bottom: 190px; /* 39px */
        }
        .txt_sol1 h1{ /*  Textos peq ao lado da imagem -esq */ 
            margin-bottom: 35px;
        }

        /* ======= CONTATO ======= */
        #contato {
            margin-bottom: 30px; /* INTERFERE NA ROLAGEM (ÂNCORA) */
        }
        #contato h3 {  /* teremos... */
            padding-top: 10px;
        }
        #contato .btn { /* bt enviar */
            margin-top: 30px;
            padding: 7px 13px;
        }
}