/*Small devices (landscape phones)*/
@media (min-width: 576px) {
        .cor-top {
        background-color: #002687;
        clear: both;
        text-align: center;
        color: white;
        padding: 5px 40px;

        }
        .icone {
        align-content: center;
        width: 0px;        
        }
        .jumbotron{
        color: white;
        background: url(../imagens/banner_home_cel.png) no-repeat;
        font-family: "Times New Roman", "Times", serif;
        }
        .texto-azul {
        color: white;
        font: 0.9em bold;
        text-shadow: black 0.1em 0.1em 0.2em;
        }
        .lead {
        color: white;
        text-shadow: black 0.1em 0.1em 0.2em;        
        }
}

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) { 

        .cor-top {
        background-color: #002687;
        clear: both;
        text-align: center;
        color: white;
        padding: 5px 40px;

        }
        .icone {
        align-content: center;
        width: 0px;        
        }
        .jumbotron{
        color: white;
        background: url(../imagens/banner_home_cel.png) no-repeat;
        font-family: "Times New Roman", "Times", serif;
        }
        .texto-azul {
        color: white;
        font: 0.9em bold;
        text-shadow: black 0.1em 0.1em 0.2em;
        }
        .lead {
        color: white;
        text-shadow: black 0.1em 0.1em 0.2em;        
        }

}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px) {
        .cor-top {
        background-color: #002687;
        clear: both;
        text-align: center;
        color: white;
        padding: 5px 40px;

        }
        .icone {
        align-content: center;
        width: 0px;        
        }
        .jumbotron{
        color: white;
        background: url(../imagens/banner_home_cel.png) no-repeat;
        font-family: "Times New Roman", "Times", serif;
        }
        .texto-azul {
        color: white;
        font: 0.9em bold;
        text-shadow: black 0.1em 0.1em 0.2em;
        }
        .lead {
        color: white;
        text-shadow: black 0.1em 0.1em 0.2em;        
        }
}

/* Medium devices (tablets, 768px and up)*/
/*@media (min-width: 768px) and (max-width: 991.98px) { ... }*/

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199.98px) {

*{
        margin: 0px;
        padding: 0px;
        }

        html {
          font-size: 1em;
          scroll-behavior: smooth;
          transition: all .5s;

        }



        /* ------   ESTRUTURA PADRÃO  --------  */

        body {
                background-color: white;
                font-family: "Times New Roman", "Times", serif;
                transition: all .5s;
        }

        
        a:link, a:active, a:visited {
                color: white;
                text-decoration: none;
        }
        a:hover {
                color: #E6E5E5;

        }


        /* ------   TOPO / CABEÇALHO  --------  */

        .cor-top {
                background-color: #002687;
                clear: both;
                text-align: right;
                color: white;
                padding: 10px 25px;

        }
        .icone {
                align-content: center;
                width: 17px;
                margin: -3px;
        }
        .icone1 {
                align-content: center;
                width: 17px;
                margin: -3px;
        }
        #link-topo {
                text-decoration: none;
                position: fixed;
                right: 10px;
                bottom: 10px;
                box-shadow: 3px 3px 10px #333;
        }


        /* ------   CONTEUDO  --------   */

        .jumbotron{
        color: white;
        background: url(../imagens/banner_home.png) no-repeat;
        padding: 90px;
        font-family: "Times New Roman", "Times", serif;
        }
        .texto-branco {
                color: white ;
                text-shadow: black 0.1em 0.1em 0.2em;
        }
        .texto-azul {
                color: white;
                font: 1.3em bold;
                text-shadow: black 0.1em 0.1em 0.2em;
        }
        .lead {
                color: white;
                text-shadow: black 0.1em 0.1em 0.2em;
                font-size: 1.7em;
        }
        .display-6 {
                text-shadow: black 0.1em 0.1em 0.2em;
        }

        .btn {
                background-color: #002687;
        }
        h1 {
                font: 1.9em bold ;
                color: #002687 ;
                margin-bottom: 0;
        }
        #sobre {
                margin: 0 50px; 
        }
        #texto-principal {
                width: 770px;
                padding: 10px 10px;
                align-content: center;
        }
        .logo-sobre {
                float: right;
                margin-right: 80px;
                align-content: center;
                padding-top: 10px;
                width: 300px;   
        }

        .escolher {
                background-color: #2a2b2d;
                width: 100%;
                height: 400px;  
        }
        .escolher-h1 {
                color: white;
                font: 1.7em bold;
                text-align: center;
                padding: 10px;
        }
        .escolher-p {
                color: white;
                font-size: 1.0em;
                width: 1080px;
                margin: 0 auto;
        }
        .escolher-icone {
                width: 200px;
                float: left;
                margin: 0 60px;
        }
        .texto-sobre-p {
                padding-top: 0;
                padding-bottom: 0;
        }
        .proposito {
                align-content: center;
                padding: 10px;
                margin-top: 45px;
                width: 100%;    
        }
        .proposito-icone {
                float: left;
                padding: 30px 20px;
                margin: 0 90px;
        }
        .texto-proposito {
                width: 200px;   
        }
        .proposito-h1 {
                text-align: center;
                padding-top: 80px;
                padding-bottom: 100px;
        }
        .servicos {
                width: 100%;    
                background: #002687;
                display: flow-root;
                align-items: center;

        }
        .bloco-servico {
                color: white;
                width: 320px;
                padding: 10px 10px;
                margin: 0 5px;
                float: right;

        }
        #p-servicos {
                font-size: 0.8em;
        }
        .principal-servicos {
                color: white;
                text-align: center;
                padding: 30px;
        }
        .sub-texto {
                font-size: 1.5em ;
        }
        .img-servicos {
                border: 3px solid white;
                box-shadow: 3px 3px 5px #333;
                
        }
        .cor-campos {
                width: 100%;
                background: white;
                display: flex;
                align-items: center;
          justify-content: center;
          padding: 20px;
        }
        .campos-bloco {
                align-items: center;
                display: inline-block;
                padding: 35px 83px;
        }

        .img-diferencial {
                  height: 814px;
        }
        #botao-diferencial{

        position: relative;
        left: 1070px;
        bottom: 270px;
        }
        .galeria {
                background: url(../imagens/galeria.png);
                position: relative;
                align-items: center;
                width: 100%;
                /*padding: 60px;*/

        }
        .slider {
                width: 600px;
                /*height: 300px;*/
                box-shadow: 3px 3px 5px #333;
                display: block;
           margin-left: auto;
           margin-right: auto;
           padding: 10px 20px;
        }
        .texto-galeria {
                color: white;
                text-align: center;
                padding: 10px ;
        }
        .texto-youtube {
                color: red;
                text-align: center;
                padding: 10px;
        }
        .youtube {
                background: white;
                padding-bottom: 40px;
        }
        .videos {
                
        }
        .videos-youtube {
                display: flex;
                align-items: center;
          justify-content: center;
          
        }
        

}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

        *{
        margin: 0px;
        padding: 0px;
        }

        html {
          font-size: 1em;
          scroll-behavior: smooth;
          transition: all .5s;

        }



        /* ------   ESTRUTURA PADRÃO  --------  */

        body {
                background-color: white;
                font-family: "Times New Roman", "Times", serif;
                transition: all .5s;
        }

        

        a:link, a:active, a:visited {
                color: white;
                text-decoration: none;
        }
        a:hover {
                color: #E6E5E5;

        }


        /* ------   TOPO / CABEÇALHO  --------  */

        .cor-top {
                background-color: #002687;
                clear: both;
                text-align: right;
                color: white;
                padding: 10px 25px;

        }
        .icone {
                align-content: center;
                width: 17px;
                margin: -3px;
        }
        .icone1 {
                align-content: center;
                width: 17px;
                margin: -3px;
        }
        #link-topo {
                text-decoration: none;
                position: fixed;
                right: 10px;
                bottom: 10px;
                box-shadow: 3px 3px 10px #333;
        }


        /* ------   CONTEUDO  --------   */

        .jumbotron{
        color: white;
        background: url(../imagens/banner_home.png) no-repeat;
        padding: 90px;
        font-family: "Times New Roman", "Times", serif;
        }
        .texto-branco {
                color: white ;
                text-shadow: black 0.1em 0.1em 0.2em;
        }
        .texto-azul {
                color: white;
                font: 1.3em bold;
                text-shadow: black 0.1em 0.1em 0.2em;
        }
        .lead {
                color: white;
                text-shadow: black 0.1em 0.1em 0.2em;
                font-size: 1.7em;
        }
        .display-6 {
                text-shadow: black 0.1em 0.1em 0.2em;
        }

        .btn {
                background-color: #002687;
        }
        h1 {
                font: 1.9em bold ;
                color: #002687 ;
                margin-bottom: 0;
        }
        #sobre {
                margin: 0 50px; 
        }
        #texto-principal {
                width: 770px;
                padding: 10px 10px;
                align-content: center;
        }
        .logo-sobre {
                float: right;
                margin-right: 80px;
                align-content: center;
                padding-top: 10px;
                width: 300px;   
        }

        .escolher {
                background-color: #2a2b2d;
                width: 100%;
                height: 400px;  
        }
        .escolher-h1 {
                color: white;
                font: 1.7em bold;
                text-align: center;
                padding: 10px;
        }
        .escolher-p {
                color: white;
                font-size: 1.0em;
                width: 1080px;
                margin: 0 auto;
        }
        .escolher-icone {
                width: 200px;
                float: left;
                margin: 0 60px;
        }
        .texto-sobre-p {
                padding-top: 0;
                padding-bottom: 0;
        }
        .proposito {
                align-content: center;
                padding: 10px;
                margin-top: 45px;
                width: 100%;    
        }
        .proposito-icone {
                float: left;
                padding: 30px 20px;
                margin: 0 90px;
        }
        .texto-proposito {
                width: 200px;   
        }
        .proposito-h1 {
                text-align: center;
                padding-top: 80px;
                padding-bottom: 100px;
        }
        .servicos {
                width: 100%;    
                background: #002687;
                display: flow-root;
                align-items: center;

        }
        .bloco-servico {
                color: white;
                width: 320px;
                padding: 10px 10px;
                margin: 0 5px;
                float: right;

        }
        #p-servicos {
                font-size: 0.8em;
        }
        .principal-servicos {
                color: white;
                text-align: center;
                padding: 30px;
        }
        .sub-texto {
                font-size: 1.5em ;
        }
        .img-servicos {
                border: 3px solid white;
                box-shadow: 3px 3px 5px #333;
                
        }
        .cor-campos {
                width: 100%;
                background: white;
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 20px;
        }
        .campos-bloco {
                align-items: center;
                display: inline-block;
                padding: 35px 83px;
        }

        .img-diferencial {
                  height: 814px;
        }
        #botao-diferencial{

                position: relative;
                left: 1070px;
                bottom: 270px;
        }
        .galeria {
                background: url(../imagens/galeria.png);
                position: relative;
                align-items: center;
                width: 100%;
                /*padding: 60px;*/

        }
        .slider {
                width: 600px;
                /*height: 300px;*/
                box-shadow: 3px 3px 5px #333;
                display: block;
                margin-left: auto;
                margin-right: auto;
                padding: 10px 20px;
        }
        .texto-galeria {
                color: white;
                text-align: center;
                padding: 10px ;
        }
        .texto-youtube {
                color: red;
                text-align: center;
                padding: 10px;
        }
        .youtube {
                background: white;
                padding-bottom: 40px;
        }
        .videos {
                
        }
        .videos-youtube {
                display: flex;
                align-items: center;
                justify-content: center;          
        }
        .contato-fundo {
                background-color: #002687;
                width: 100%;
                color: white;
                display: flex;
                align-items: center;
                justify-content: center;
                

        }
        .form {                
                display: flex;
                align-items: center;
                justify-content: center;
                flex-direction: column;
                padding-left: 1rem;
                padding-right: 1rem;
                width: 100%;
                max-width: 32rem;
                padding-top: 20px;
                padding-bottom: 30px;

                
        }
        .contato-texto {
                text-align: center;
                font-size: 2.5em;
                padding-right: 30px;

        }
        .form label, .form input, .form textarea, .form button {
                display: block;
                width: 100%;
        }
        .form label {
                line-height: 1.5;
                margin-bottom: 0.5rem;
        }
        .form input, .form textarea {
                font: inherit;
                padding: 0.5rem;
                padding-bottom: 0.5rem;
                border: 1px solid transparent;
                border-radius: 8px;
        }
        .form textarea {
                min-height: 5rem;
                resize: vertical;
        }
        .form input:hover, .form input:focus, .form textarea:hover, .form textarea:focus {
                outline: none;
                border-color: #09d;
                box-shadow: 0 0 0 3px #4dc8ff;
        }
        .form button {
                display: block;
                padding: 1rem;
                background: #0072c4;
                color: white;
                font: inherit;
                text-transform: uppercase;
                border: none;
                border-radius: 8px;
                cursor: pointer;
                transition: 0.2s;
        }
        .rodape1 {
                background: url(../imagens/rodape1.png) no-repeat;
                width: 100%;
                height: 300px;
                color: white;
        }
        .direitos-reservados {
                background: #2a2b2d;
                color: white;
                
                        
        }
        .direitos {
                display: flex;
                align-items: center;
                justify-content: center;
                padding-top: 20px;                
        }
        .localizacao{
                display: flex;
                float: right;
                flex-direction: column;
                padding-left: 1rem;
                padding-right: 1rem;
                width: 100%;
                max-width: 32rem;
                padding-top: 50px;
                padding-bottom: 30px;
                margin-right: 60px;
        }
        .logo-rodape {
                flex-direction: column;
                padding-left: 1rem;
                padding-right: 1rem;
                width: 100%;
                max-width: 32rem;
                padding-top: 20px;
                padding-bottom: 30px;
                margin-left: 100px;
        }


}