@media (min-width:320px){
	
*{margin:0;padding:0}
	
html,body{max-width:100%;margin:0}

article{margin-top:10px}

h1,h2{padding:5px;
font-family: 'Hind Madurai', sans-serif;
letter-spacing: 3px;
box-sizing:border-box;
position:relative;
padding:5px;
font-size:30px;
text-align:center;
color:#fff}

h3,h4{letter-spacing:2px;
font-family: 'Hind Madurai', sans-serif;
box-sizing:border-box;
position:relative;
padding:5px;
font-size:20px}

h1{line-height:50px;}

h4{text-align:center;
width:100%;
font-weight:100}

footer {background-color:#2c5942;
padding-top:10px}

#topo{width:100%;
height:auto;
display:block;
margin-left:auto;
margin-right:auto;
position:relative;
box-sizing:border-box}

.icone-social {position:relative;
box-sizing:border-box;
margin:auto;
width:50px;
height:50px;
padding:6px;}	

#largura{display:none}

#cabecalho{display:flex;
flex-wrap:wrap;
box-sizing:border-box;
position:relative;
margin-left:auto;
margin-right:auto;
width:100%;
height:250px}

.informativo{display:none}

.menu ul li{width:100%;
float:none}

.menu{width:100%;
background-color:#0278AE;
height:324px;
font-family:'Hind Madurai', sans-serif;
z-index:2}

.menu ul{list-style:none;
position:relative;
z-index:2}

.menu ul li{width:100%;
float:none;
position:relative;
z-index:2}

.menu a{padding:15px;
display:block;
text-decoration:none;
text-align:center;
color:#fff;
background-color:#529674;
font-family: 'Hind Madurai',sans-serif;}

.menu ul ul{position:static;
overflow:hidden;
max-height:0;
z-index:9;
transition:all .4s}

.menu ul li:hover ul{visibility:visible;
z-index:9;
height:auto;
max-height:560px}

.menu a:hover{background-color:#2f5944;}

.menu ul ul li{float:none;
border-bottom:solid 2px #fff;
display:inline-block}

.menu ul ul li a{background-color:#069;
color:#fff;
z-index:9}

label[for="nav-toggle"]{padding:5px;
background-color:#fff;
color:#000;
font-family:'Ubuntu',sans-serif;
font-size:35px;
text-align:center}

#nav-toggle{display:none}

.menu{margin-top:-170%;
transition:all 0.4s}

#nav-toggle:checked~.menu{margin-top:0}

.logoum{display:none}

.logodois{width:300px;height:163px;
display:block;
margin-left:auto;
margin-right:auto;
box-sizing:border-box;
position:relative}

#nav-toggle:checked~.logodois{display:none}

.cd-background-wrapper{background-color:#001426;
position:relative;
overflow:hidden;
-webkit-perspective:4000px;
perspective:4000px}

.cd-floating-background{position:relative;
top:0;
left:0;
-webkit-transform-style:preserve-3d;
transform-style:preserve-3d;
-webkit-transform:translateZ(0);
-ms-transform:translateZ(0);
transform:translateZ(0)}

.cd-floating-background.is-absolute{position:absolute}

.cd-floating-background img{display:block;
width:100%;
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
background-color:rgba(255,255,255,.01)}

.cd-floating-background img:not(:first-child){position:absolute;top:0;left:0}

#primeira-parte{width:100%;
height:auto;
margin-top:90px;
box-sizing:border-box;
position:relative;
background-color:#fff}

.titulo-principal{font-family: 'Hind Madurai', sans-serif;
color:#fff;
text-align:center;
width:100%;
z-index:2;
position: absolute;
left: 0;
top: 30%;
width: 100%;
text-align: center;
font-size: 14px;
line-height:16px;}

#segunda-parte{width:100%;
height:auto;
box-sizing:border-box;
position:relative;
display:flex;
flex-wrap:wrap;
background-color:#78bc9a;
margin:auto}

#contato-dois{position:relative;
box-sizing:border-box;
display:block;
margin:auto;
width:320px;
height:auto;}

#formulario{width:300px;
height:500px;
margin-top:25px;
display:block;
margin-left:auto;
margin-right:auto;
box-sizing:border-box;
color:#1990c6;
margin-bottom:50px}

fieldset{position:relative;
width:300px;
height:500px;
text-align:center;
border:none;
display:block;
margin-left:auto;
margin-right:auto;
padding:0;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box}

legend{position:relative;
box-sizing:border-box;
margin:auto;
display:block;
width:100%;
height:auto;
font-size:25px;
font-family: 'Barlow Condensed', sans-serif;
text-align:center;
color:#fff;
padding:10px}

::-webkit-input-placeholder{color:#fff}

input[type="text"]{position:relative;
width:300px;
height:auto;
margin-top:.938em;
padding:.25em;
display:inline-block;
background-color:transparent;
border-top:none;
border-left:none;
border-right:none;
border-bottom:2px solid #fff;
font-family:'Barlow Condensed', sans-serif;
color:#1990c6;
font-size:17px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box}

input[type="text"]:focus{position:relative;
width:300px;
height:auto;
margin-top:.938em;
display:inline-block;
padding:.25em;
color:#fff;
font-family:'Barlow Condensed', sans-serif;
font-size:17px;
outline:none;
background-color:transparent;
border-top:none;
border-left:none;
border-right:none;
border-bottom:2px solid #fff;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box}

input[type="email"]{position:relative;
width:300px;
height:auto;
margin-top:.938em;
padding:.25em;
display:inline-block;
background-color:transparent;
border-top:none;
border-left:none;
border-right:none;
border-bottom:2px solid #fff;
font-family:'Barlow Condensed', sans-serif;
color:#fff;
font-size:17px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box}

input[type="email"]:focus{position:relative;
width:300px;
height:auto;
margin-top:.938em;
display:inline-block;
padding:.25em;
color:#fff;
font-family:'Barlow Condensed', sans-serif;
font-size:17px;
outline:none;
background-color:transparent;
border-top:none;
border-left:none;
border-right:none;
border-bottom:2px solid #fff;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box}

textarea{position:relative;
width:300px;
height:150px;
resize:none;
overflow:hidden;
margin-top:.938em;
padding:.25em;
display:inline-block;
color:#fff;
font-family:'Barlow Condensed', sans-serif;
font-size:17px;
background-color:transparent;
border-top:none;
border-left:none;
border-right:none;
border-bottom:2px solid #fff;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box}

textarea:focus{position:relative;
width:300px;
height:150px;
resize:none;
margin-top:.938em;
padding:.25em;
display:inline-block;
color:#fff;
overflow:hidden;
outline:none;
font-family:'Barlow Condensed', sans-serif;
font-size:17px;border:2px solid #fff;
background-color:transparent;
border-top:none;
border-left:none;
border-right:none;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box}

input[type="submit"]{cursor:pointer;
position:relative;
width:300px;
height:63px;
margin-top:50px;
color:#fff;
padding:.25em;
border-radius:3px;
background-color:#2c5942;
font-family:'Barlow Condensed', sans-serif;
font-size:16px;
font-weight:700;
border:none;
z-index:1;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box}

input[type="submit"]:hover{position:relative;
width:300px;
height:63px;
margin-top:50px;
color:#fff;
padding:.25em;
border-radius:3px;
background-color:#5f997c;
font-family:'Barlow Condensed', sans-serif;
font-size:16px;
font-weight:700;
border:none;
z-index:1;
transition-duration:0.5s;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box}

.bloco-contatos{width:100%;
height:auto;
box-sizing:border-box;
position:relative;
background-color:#006a82;
display:flex;
flex-wrap:wrap;}

.telefone-grande, .contato-grande, .email-grande{position:relative;
box-sizing:border-box;
display:block;
margin:auto;
width:100%;
height:auto}	
	
.icone-de-contato{position:relative;
box-sizing:border-box;
width:60px;
width:60px;
padding:5px;
display:block}

#quarta-parte{width:100%;
height:auto;
display:flex;
flex-wrap:wrap;
box-sizing:border-box;
position:relative;
background-color:#b7005e}

.center{display:flex;
flex-wrap:wrap;
margin:auto}

.numero-um, .numero-dois, .numero-tres{margin:auto;}

.imagem-da-galeria{position:relative;
box-sizing:border-box;
display:block;
margin:auto;
width:320px;
height:auto}
	
.animated{-webkit-animation-duration:1s;
animation-duration:1s;
animation-delay:.2s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both}

.animated.infinite{-webkit-animation-iteration-count:infinite;
animation-iteration-count:infinite}
	
@-webkit-keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInDown {-webkit-animation-name: bounceInDown;
animation-name: bounceInDown;}

.fonte-grande{font-family: 'Poppins', sans-serif;
box-sizing:border-box;
position:relative;
padding:5px;
font-size:15px;
color:#fff;
font-weight:100}
	
.titulo-secundario{width:100%;
text-align:center;
color:#fff;
font-size:20px;
font-family: 'Poppins', sans-serif;}

.titulo-redes{width:100%;
text-align:center;
color:#fff;
font-size:20px;
font-family: 'Poppins', sans-serif;}

.paragrafo-empresa{position:relative;
box-sizing:border-box;
width:100%;
height:auto;
padding:5px;
font-family: 'Barlow Condensed', sans-serif;
color:#fff;
text-align:center}

.empresa {color:#000000;
width:320px;
display:block;
margin-left:auto;
margin-right:auto;
font-family: 'Chivo', sans-serif;
text-align:justify;
font-size:15px;
box-sizing:border-box;
position:relative;
background-color: #fff;
padding:10px;}

#bloco-footer{position:relative;
box-sizing:border-box;
display:flex;
flex-wrap:wrap;
width:100%;
height:auto;}

.titulo-social {font-family: 'Poppins', sans-serif!important;
color:#92b7a5;
text-align:left;
width:100%;
font-size:16px;
padding:0 0 0 10px}

.icone-social-face, .icone-social-insta {position:relative;
box-sizing:border-box;
margin: 0!important;
display:inline;
width:62px;
height:62px;
padding:6px 6px 0 0;
 transition: 0.3s}

.icone-social-face:hover, .icone-social-insta:hover{filter: brightness(0) invert(1);
 position:relative;
box-sizing:border-box;
margin: 0!important;
display:inline;
width:62px;
height:62px;
padding:6px 6px 0 0;
 transition: 0.3s}
	
.icone-social {position:relative;
box-sizing:border-box;
margin:auto;
width:50px;
height:50px;
padding:6px;}	

.google{position:relative;
box-sizing:border-box;
width:150px;
height:auto;
display:block;
margin-left:-8px!important}

.bloco-um, .bloco-dois, .bloco-tres, .bloco-tres-meio, .bloco-quatro, .bloco-cinco, .bloco-seis{width:100%;
padding:10px;
position:relative;
height:auto;
box-sizing:border-box;}

 .link-footer{color:#92b7a5;
text-decoration:none;
font-family: 'Poppins', sans-serif;}

.link-footer-principal{color:#92b7a5;
text-decoration:none;
font-family: 'Poppins', sans-serif;
font-weight:600;}

 .link-footer:hover, .link-footer-principal:hover{color:#fff;}

}

@media (min-width:500px){
	
.empresa{width:90%;}

.titulo-principal{font-size:32px;
line-height:32px}

.fonte-grande{font-size:20px}

}

@media (min-width:600px){
	
#primeira-parte{height:auto}

.center{display:flex;
flex-wrap:wrap;
width:100%;
height:auto;
box-sizing:border-box;
margin:auto;}
	
.numero-um, .numero-dois, .numero-tres{width:33.33333333%;
height:auto}	

.imagem-da-galeria{width:100%;
height:auto;
background-color:#fff;
-webkit-filter: brightness(90%);}

.imagem-da-galeria:hover {-webkit-filter: brightness(120%);
cursor:pointer }
    

	
.produto-um{width:50%;}
		
.empresa-secundaria{width:300px;}

}

@media (min-width:700px){
	
#cabecalho{height:240px;
display:flex;
flex-wrap:wrap;
box-sizing:border-box;
position:relative;
margin-left:auto;
margin-right:auto;
width:100%}

.palavras-topo{font-family: 'Ubuntu', sans-serif;
display:inline-block;
font-size:16px;
color:#fff}

#largura{padding-top:4px;
padding-bottom:4px;
text-align:center;
display:inline-block;
background-color:#437f61;
height:auto;
width:100%;}

.icone-informativo{display:inline-block;
width:16px;
height:16px;
padding-left:2px}

#topo{height:220px;
display:block;
margin-left:auto;
margin-right:auto;
position:relative;
box-sizing:border-box}

.cl-effect-13 ul{display:inline;
text-decoration:none;
list-style-type:none;
width:100%;
height:auto;}

.cl-effect-13{display:inline}

.cl-effect-13 a {-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
transition: color 0.3s;
font-family: 'exomedium', sans-serif;}

.cl-effect-13 a::before {position: absolute;
top: 100%;
left: 50%;
color: transparent;
content: '•';
text-shadow: 0 0 transparent;
font-size: 1.2em;
-webkit-transition: text-shadow 0.3s, color 0.3s;
-moz-transition: text-shadow 0.3s, color 0.3s;
transition: text-shadow 0.3s, color 0.3s;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
transform: translateX(-50%);
pointer-events: none;}

.cl-effect-13 a:hover::before,
.cl-effect-13 a:focus::before {color: #ba7700;
text-shadow: 10px 0 #ba7700, -10px 0 #ba7700;}

.cl-effect-13 a:hover,
.cl-effect-13 a:focus {color: #ba7700;}

.cl-effect-13 ul{display:flex;
flex-wrap:wrap;
width:100%;
position:relative;
box-sizing:border-box;
height:auto;}

.cl-effect-13 ul ul{position:absolute;
visibility:hidden;
padding-left:0}

.cl-effect-13 ul li:hover ul{visibility:visible;
z-index:1}

.cl-effect-13 ul ul li{border-bottom:solid 2px #fff;
display:inline-block}

.cl-effect-13 ul ul li a{background-color:#357c21;
color:#fff;
width:120px;
display:flex;
font-size:13px;
text-align:center;
margin-left:auto;
margin-right:auto;
font-family:'Ubuntu',sans-serif;
margin:0!important;
padding:10px;
z-index:2}

.cl-effect-13 ul li ul{margin-left:10px;width:150px}

label[for="nav-toggle"]{display:none}

.menu-servicos{margin-left:360px!important}

.logoum{width:300px;
height:164px;
display:block;
margin-left:auto;
margin-right:auto;
box-sizing:border-box;
position:relative;
padding:10px}

.logodois{display:none}

.hvr-bounce-to-right{display:inline-block!important;
vertical-align:middle!important;
-webkit-transform:perspective(1px) translateZ(0)!important;
transform:perspective(1px) translateZ(0)!important;
box-shadow:0 0 1px rgba(0,0,0,0)!important;
position:relative!important;
-webkit-transition-property:color!important;
transition-property:color!important;
-webkit-transition-duration:0.5s!important;
transition-duration:0.5s!important}

.hvr-bounce-to-right:before{content:"";position:absolute!important;
z-index:-1!important;
top:0!important;
left:0!important;
right:0!important;
bottom:0!important;
background:#096635!important;
-webkit-transform:scaleX(0)!important;
transform:scaleX(0)!important;
-webkit-transform-origin:0 50%!important;
transform-origin:0 50%!important;
-webkit-transition-property:transform!important;
transition-property:transform!important;
-webkit-transition-duration:0.5s!important;
transition-duration:0.5s!important;
-webkit-transition-timing-function:ease-out!important;
transition-timing-function:ease-out!important;
	content: ' '!important;}

.hvr-bounce-to-right:hover,.hvr-bounce-to-right:focus,
.hvr-bounce-to-right:active{color:white!important}

.hvr-bounce-to-right:hover:before,.hvr-bounce-to-right:focus:before,
.hvr-bounce-to-right:active:before{-webkit-transform:scaleX(1)!important;
transform:scaleX(1)!important;
-webkit-transition-timing-function:cubic-bezier(.52,1.64,.37,.66)!important;
transition-timing-function:cubic-bezier(.52,1.64,.37,.66)!important}

.hvr-bounce-to-bottom:before{content:"";position:absolute!important;
z-index:-1!important;
top:0!important;
left:0!important;
right:0!important;
bottom:0!important;
background:#2098D1!important;
-webkit-transform:scaleY(0)!important;
transform:scaleY(0)!important;
-webkit-transform-origin:50% 0!important;
transform-origin:50% 0!important;
-webkit-transition-property:transform!important;
transition-property:transform!important;
-webkit-transition-duration:0.5s!important;
transition-duration:0.5s!important;
-webkit-transition-timing-function:ease-out!important;
transition-timing-function:ease-out!important}

.menu,.menu a,
.menu a:hover,.menu ul{background-color:#fff}

.menu ul,.menu ul ul li a{margin-right:auto;}

.menu{width:725px;
height:50px;
font-family:'Hind Madurai',sans-serif;
margin-top:0;
display:inline;
text-align:center}

.menu ul{list-style:none;
position:relative;
display:block;
margin-left:auto;
margin-right:auto;
margin-bottom:0}

.menu ul li{width:180px!important;
display:inline!important}

.menu a{color:#000;
padding:15px;
display:inline;
text-decoration:none;
text-align:center;
font-size:13px;
width:200px;
font-weight:700;
font-family:'Hind Madurai',sans-serif;}

.menu ul ul{position:absolute;
visibility:hidden;
margin-top:15px;
padding-left:0}

.menu ul li:hover ul{visibility:visible}

.menu ul ul li{color:#000;
border-bottom:solid 2px #fff;
display:inline-block}

.menu ul ul li a{width:130px;
display:block;
font-size:10px;
text-align:center;
margin-left:auto;
margin-right:auto;
font-family:'Hind Madurai',sans-serif;}

.menu ul li ul{margin-left:235px;
width:150px}

label[for=nav-toggle]{display:none}

#primeira-parte{margin-top:0}

.contato{margin-top:0}

.empresa{margin-top:-80px;
padding:25px;
width:400px!important;
background-color:#78bc9a;
color:#fff}

.cd-background-wrapper{height:400px}

}

@media (min-width:799px){
		
.informativo{width:750px}

.menu{margin-left:65px}

.titulo-principal{font-size:50px;
line-height:50px}

.google{margin-left:-0!important}

}

@media (min-width:899px){


.cd-background-wrapper{height:500px}
	
.texto-interno-um{padding-top:30px}	

#contato-dois{width:50%}

.bloco-contatos{width:50%}

.contato-grande, .email-grande, .endereco-grande{width:450px;
height:116px;
margin:auto;}

.contato-grande{margin-bottom:0;
margin-top:100px}

.email-grande{margin-top:0;
margin-bottom:0}

.endereco-grande{margin-top:0;
margin-bottom:100px}

.fonte-grande{font-size:25px}


.titulo-redes{font-size:35px}

.center{width:900px;
margin:auto;}

.numero-um, .numero-dois, .numero-tres{width:300px;
height:600px;}	

.imagem-da-galeria-um{display:none}

.imagem-da-galeria{width:300px;
height:300px}

.imagem-da-galeria-dois{width:300px;
height:300px;}	



	





}

@media (min-width:999px){
	


.empresa-principal{width:670px;
padding: 30px 0 30px 0}

.empresa{width:550px!important;}

#bloco-footer{width:900px;
margin-left:auto;margin-right:auto}	
	
.bloco-um{width:210px;}	
	
.bloco-dois, .bloco-tres, .bloco-tres-meio, .bloco-seis {width:110px;}

.bloco-quatro {width:130px}
	
.bloco-cinco{width:260px}

.bloco-principal{width:80%}


}

@media (min-width:1099px){
 
 article{margin-top:25px}

header{height:140px}	

#cabecalho{width:100%;
height:150px}	
	
.logoum{width:220px;
height:94px}

.palavras-topo{padding-right:10px;}

#topo{width:900px;
padding:5px;
height:150px;
display:block;
margin-left:auto;
margin-right:auto;
position:relative;
box-sizing:border-box}

.logoum{float:left;
width:250px;
height:164px;
padding:0;
margin:0}

.cl-effect-13 ul{display:flex;
flex-wrap:wrap;
width:800px;
position:relative;
box-sizing:border-box;
height:auto;}

.menu{padding-top:60px;
float:right;
margin-left:0;
position:relative;
width:700px;}

.menu ul ul li a{font-size:15px}

.menu-produtos{margin-left:-10px!important}

.menu-servicos{margin-left:-10px!important}

.logoum{width:150px;
height:150px}

.menu ul li{width:130px!important}   
    
}

@media (min-width:1199px){
	
	#largura{text-align:right;
padding-right:8px;}

.titulo-principal{font-size:70px;
line-height:70px;}
	
#bloco-footer{width:1000px;}	

.bloco-quatro{width:200px;}




}

@media (min-width:1399px){
	
.cd-background-wrapper{height:600px}
	
.cd-floating-background img{margin-top:-100px;}
	

	
}	


@media (min-width:1799px){
.contato-grande, .email-grande, .endereco-grande{width:700px;
height:116px;
margin:auto;}

.contato-grande{margin-top:150px;
margin-bottom:0}

.email-grande{margin-top:0}

.endereco-grande{margin-top:0;
margin-bottom:150px;}

}