@media (max-width: 400px) {

    header .icones {
        left: 200px;
    }

    header .caixa .contHeader {
        position: relative;
        top: 10px;
        left: -1500px;
        width: 100%;
        display: flex;
        flex-direction: column;
        z-index: 1;
        padding-bottom: 20px;
        transition: left 0.5s;
        background-color: var(--corAzul);
        height: 270px;
    }

    header ul {
        position: absolute;
        left: 0;
    }
}

@media (min-width: 400px) and (max-width: 600px) {
    main .atendimento #sub {
        margin-left: 20px;
    }

    main .atendimento h2 {
        margin-left: 20px;
    }

    main .atendimento #descricao {
        margin-left: 20px;
    }

    /* solucoes */

    main .solucoes .cont .caixa {
        width: 300px;
    }

    header ul {
        position: absolute;
        left: 0;
    }

    header .caixa .contHeader {
        position: relative;
        top: 10px;
        left: -1500px;
        width: 100%;
        display: flex;
        flex-direction: column;
        z-index: 1;
        padding-bottom: 20px;
        transition: left 0.5s;
        background-color: var(--corAzul);
        height: 270px;
    }

    header .icones {
        left: 230px;
    }
}

@media (min-width: 500px) and (max-width: 600px) {
    header .logo img {
        margin-left: 40px;
    }

    header ul {
        position: absolute;
        left: 0;
    }

    header .caixa .contHeader {
        position: relative;
        top: 10px;
        left: -1500px;
        width: 100%;
        display: flex;
        flex-direction: column;
        z-index: 1;
        padding-bottom: 20px;
        transition: left 0.5s;
        background-color: var(--corAzul);
        height: 270px;
    }

    header .icones {
        left: 230px;
    }

    header ul a {
        margin-left: 40px;
    }

    main .informacoes h2 {
        margin-left: 40px;
    }

    main .informacoes p {
        margin-left: 40px;
    }

    main .informacoes button {
        margin-left: 40px;
    }

    footer .caixa {
        width: 400px;
    }
}

@media (min-width: 500px) and (max-width: 600px) {
    main .informacoes p {
        width: 90%;
    }
}

@media (min-width: 600px) and (max-width: 800px) {
    header ul {
        position: absolute;
        left: 0;
    }

    header .caixa .contHeader {
        position: relative;
        top: 10px;
        left: -1500px;
        width: 100%;
        display: flex;
        flex-direction: column;
        z-index: 1;
        padding-bottom: 20px;
        transition: left 0.5s;
        background-color: var(--corAzul);
        height: 270px;
    }

    header .icones {
        left: 350px;
    }

    header .logo img {
        margin-left: 70px;
    }

    header #menu {
        right: 80px;
    }

    header #menu2 {
        right: 80px;
    }

    header ul a {
        padding-left: 78px;
    }

    main .foto {
        height: 585px;
    }

    main #fundo {
        height: 585px;
        object-position: center;
    }

    main .informacoes p {
        width: 55%;
        margin-left: 50px;
        top: 210px;
        font-size: 18px;
    }

    main .informacoes h2 {
        margin-left: 50px;
        top: 160px;
        font-size: 25px;
    }

    main .informacoes button {
        margin-left: 50px;
        top: 300px;
    }

    main .atendimento {
        height: 540px;
    }

    main .atendimento .fotoAtendim img {
        height: 540px;
    }

    main .atendimento #sub {
        margin-left: 30px;
        top: 130px;
    }

    main .atendimento h2 {
        margin-left: 30px;
        top: 170px;
    }

    main .atendimento #descricao {
        margin-left: 30px;
        top: 255px;
        width: 80%;
    }

    main .solucoes #titulo {
        font-size: 30px;
    }

    main .solucoes .cont .caixa {
        width: 330px;
    }

    main .atuacao #titulo {
        font-size: 30px;
        width: 295px;
    }

    footer .caixa {
        width: 400px;
    }
}

@media (min-width: 700px) and (max-width: 800px) {
    main .informacoes p {
        width: 55%;
        margin-left: 70px;
        top: 210px;
        font-size: 18px;
    }

    main .informacoes h2 {
        margin-left: 70px;
        top: 160px;
        font-size: 25px;
    }

    main .informacoes button {
        margin-left: 70px;
        top: 300px;
    }
}

@media (min-width: 800px) and (max-width: 999px) {
    header ul {
        position: absolute;
        left: 0;
    }

    header .caixa .contHeader {
        position: relative;
        top: 10px;
        left: -1500px;
        width: 100%;
        display: flex;
        flex-direction: column;
        z-index: 1;
        padding-bottom: 20px;
        transition: left 0.5s;
        background-color: var(--corAzul);
        height: 270px;
    }

    header .icones {
        left: 350px;
    }

    main .foto {
        height: 580px;
    }

    header .logo img {
        margin-left: 70px;
    }

    header #menu {
        right: 80px;
    }

    header #menu2 {
        right: 80px;
    }

    header ul a {
        padding-left: 78px;
        font-size: 22px;
    }

    header .icones .caixa i {
        font-size: 24px;
    }

    main #fundo {
        object-position: center center;
        height: 580px;
    }

    main .atendimento {
        width: 1100px;
    }

    main .atendimento .fotoAtendim img {
        width: 1100px;
        object-fit: cover;
        
    }

    main .atendimento #sub {
        margin-left: 40px;
        top: 130px;
    }

    main .atendimento h2 {
        margin-left: 40px;
        top: 170px;
        width: 600px;
    }

    main .atendimento #descricao {
        margin-left: 40px;
        top: 255px;
        width: 630px;
    }

    main .atuacao #titulo {
        font-size: 30px;
        width: 295px;
    }

    main .solucoes .cont .caixa {
        width: 350px;
    }

    main .solucoes #titulo {
        font-size: 30px;
    }

    footer .caixa {
        width: 450px;
    }
}

@media (min-width: 800px) and (max-width: 900px) {

    header .logo img {
        width: 220px;
        height: 120px;
    }

    header #menu {
        font-size: 37px;
    }

    header #menu2 {
        font-size: 30px;
    }

    main #foto {
        width: 320px;
    }

    main .informacoes p {
        width: 60%;
        margin-left: 70px;
        top: 250px;
        font-size: 20px;
    }

    main .informacoes h2 {
        margin-left: 70px;
        top: 200px;
        font-size: 30px;
    }

    main .informacoes button {
        margin-left: 70px;
        top: 340px;
    }
}

@media (min-width: 999px) {
    header ul div {
        flex-direction: row !important;
    }
}

@media (min-width: 900px) and (max-width: 999px) {
    header .logo img {
        width: 220px;
        height: 120px;
    }

    header #menu {
        font-size: 37px;
    }

    header #menu2 {
        font-size: 34px;
    }

    main #foto {
        width: 320px;
    }

    main .informacoes p {
        width: 60%;
        margin-left: 70px;
        top: 250px;
        font-size: 20px;
    }

    main .informacoes h2 {
        margin-left: 70px;
        top: 200px;
        font-size: 30px;
    }

    main .informacoes button {
        margin-left: 70px;
        top: 340px;
    }

    main .atuacao {
        height: 530px;
    }
    
    main .atuacao .fotoAtuacao img {
        height: 530px;
    }

    main .atuacao .conteiner {
        grid-template-columns: repeat(2,1fr);
        gap: 100px;
        width: 85%;
        left: 50%;
        transform: translate(-50%);
    }

    main .atuacao .conteiner .caixa .texto {
        margin: 0;
        margin-left: 10px;
        margin-top: 3px;
    }
}

@media (min-width: 999px) and (max-width: 1100px) {
    footer .menuPrincipal {
        left: 80px !important;
    }

    footer .menuPrincipal2 {
        left: 330px !important;
    }
}

@media (min-width: 999px) and (max-width: 1200px) {
    header {
        height: 120px;
        display: flex;
        flex-direction: row;
        align-items: center;
        background-color: transparent;
    }

    header .menuInicial {
        display: flex;
        align-items: center;
    }

    header .icones .caixa {
        border: 1px solid #fff;
        transition: transform 0.5s;
    }

    header .icones .caixa:hover {
        transform: scale(1.1);
    }

    header .icones .caixa i {
        font-size: 18px;
    }

    header .logo img {
        width: 220px;
        height: 120px;
        margin: 0;
    }

    header #menu {
        display: none;
    }

    header #menu2 {
        display: none;
    }

    main #foto {
        width: 330px;
        right: 70px;
    }

    main .informacoes p {
        width: 500px;
        margin-left: 50px;
        top: 285px;
        font-size: 22px;
    }

    main .informacoes h2 {
        margin-left: 50px;
        top: 210px;
        font-size: 35px;
    }

    main .informacoes button {
        margin-left: 50px;
        top: 385px;
        font-size: 18px;
    }

    main .atendimento #sub {
        margin-left: 70px;
        top: 130px;
    }

    main .atendimento h2 {
        margin-left: 70px;
        top: 170px;
        width: 600px;
    }

    main .foto {
        height: 600px;
    }

    main #fundo {
        height: 600px;
    }

    main .atendimento #descricao {
        margin-left: 70px;
        top: 255px;
        width: 630px;
    }

    main .solucoes .cont .caixa {
        width: 280px;
    }

    main .solucoes .cont .caixa .caixa2 {
        margin: 0;
        margin-top: 20px;
    }

    main .solucoes .cont .caixa p {
        font-size: 15px;
    }

    main .solucoes .cont {
        grid-template-columns: repeat(3,1fr);
    }

    main .atuacao {
        height: 530px;
    }
    
    main .atuacao .fotoAtuacao img {
        height: 530px;
    }

    main .atuacao .conteiner {
        grid-template-columns: repeat(2,1fr);
        gap: 100px;
        width: 85%;
        left: 50%;
        transform: translate(-50%);
    }

    main .atuacao .conteiner .caixa .texto {
        margin: 0;
        margin-left: 10px;
        margin-top: 3px;
    }

    footer {
        height: 530px;
    }

    footer #fundo {
        height: 530px;
    }

    footer .caixa {
        width: 400px;
        transform: unset;
        left: unset;
        right: 40px;
    }

    footer .menuPrincipal {
        top: 70px;
        transform: unset;
        left: 150px;
    }

    footer .menuPrincipal2 {
        top: 70px;
        transform: unset;
        left: 430px;
    }

    header .caixa {
        display: flex;
        flex-direction: row;
        align-items: center;
        width: 95%;
        margin: 0 auto;
    }

    header .caixa .menuInicial div {
        width: 90%;
        display: flex;
        margin: 0 auto;
        justify-content: center;
    }

    header .icones {
        position: unset;
        margin-top: 30px;
    }

    header ul {
        position: unset;
        flex-direction: row;
        background-color: transparent;
        padding: 0;
        margin-top: 30px;
    }

    header .caixa .contHeader {
        display: flex;
        align-items: center;
        width: 100%;
    }
}

@media (max-width: 1000px) {
    body footer {
        height: 850px;
    }

    body footer #fundo {
        height: 850px;
    }
}

@media (min-width: 1200px) {
    header .caixa {
        display: flex;
        flex-direction: row;
        align-items: center;
        width: 100%;
        margin: 0 auto;
    }

    header .icones {
        position: unset;
        margin-left: 20px;
        margin-top: 30px;
    }

    header {
        height: 120px;
        display: flex;
        flex-direction: row;
        align-items: center;
    }

    header ul {
        position: unset;
        flex-direction: row;
        background-color: transparent;
        padding: 0;
        margin-top: 30px;
    }

    header .icones {
        position: unset;
        margin-right: 50px;
    }

    header .menuInicial {
        display: flex;
        align-items: center;
    }

    header ul div {
        width: 100%;
        margin: 0 auto;
    }

    main .solucoes .cont .caixa .caixa2 {
        margin: 0;
        margin-top: 15px;
    }

    main .atuacao .conteiner .caixa .texto {
        margin: 0;
        margin-top: 5px;
        margin-left: 8px;
    }

    header ul a {
        font-size: 20px;
        margin: 0 auto;
    }

    header .icones .caixa {
        border: 1px solid #fff;
        transition: transform 0.5s;
    }

    header .icones .caixa:hover {
        transform: scale(1.1);
    }

    header .icones .caixa i {
        font-size: 18px;
    }

    header .logo img {
        width: 220px;
        height: 120px;
    }

    header #menu {
        display: none;
    }

    header #menu2 {
        display: none;
    }

    main #foto {
        width: 400px;
        right: 80px;
    }

    main .foto {
        height: 780px;
    }

    main #fundo {
        height: 780px;
    }

    main .informacoes p {
        width: 50%;
        margin-left: 150px;
        top: 300px;
        font-size: 23px;
    }

    main .informacoes h2 {
        margin-left: 150px;
        top: 230px;
        font-size: 38px;
    }

    main .informacoes button {
        margin-left: 150px;
        top: 400px;
        font-size: 20px;
    }

    main .atendimento {
        height: 600px;
    }

    main .atendimento .fotoAtendim img {
        height: 600px;
    }

    main .atendimento #sub {
        margin-left: 90px;
        top: 110px;
        font-size: 23px;
    }

    main .atendimento h2 {
        margin-left: 90px;
        top: 150px;
        width: 700px;
        font-size: 26px;
    }

    main .atendimento #descricao {
        margin-left: 90px;
        top: 240px;
        width: 630px;
        font-size: 24px;
    }

    main .solucoes .cont {
        grid-template-columns: repeat(3,1fr);
    }

    main .solucoes .cont .caixa {
        width: 300px;   
    }

    main .atuacao .conteiner {
        grid-template-columns: repeat(2,1fr);
        top: 200px;
        gap: 100px;
        width: 85%;
        left: 50%;
        transform: translate(-50%);
    }

    main .solucoes #titulo {
        font-size: 35px;
    }

    main .atuacao #titulo {
        font-size: 35px;
        width: 400px;
    }

    main .solucoes {
        padding: 30px 0;
    }

    footer {
        height: 530px;
    }

    footer #fundo {
        height: 530px;
    }

    footer .caixa {
        width: 400px;
        transform: unset;
        left: unset;
        right: 70px;
    }

    footer .menuPrincipal {
        top: 70px;
        transform: unset;
        left: 10%;
    }

    footer .menuPrincipal2 {
        top: 70px;
        transform: unset;
        left: 35%;
    }

    main .atuacao #titulo {
        font-size: 40px;
    }

    main .solucoes #titulo {
        font-size: 40px;
    }

    main .atuacao .conteiner .caixa .icone {
        min-width: 100px;
        height: 100px;
    }

    main .atuacao .conteiner .caixa .icone img {
        width: 60px;
        height: 60px;
    }

    main .atuacao .conteiner .caixa .texto p {
        font-size: 23px;
    }

    main .atuacao .conteiner .caixa {
        width: 500px;
    }

    main .atuacao .conteiner .caixa .texto span {
        font-size: 19px;
    }

    header .icones .caixa {
        width: 45px;
        height: 45px;
    }

    header .icones .caixa i {
        font-size: 25px;
    }

    footer .caixa p {
        font-size: 19px;
    }

    footer .menuPrincipal h2 {
        font-size: 22px;
    }

    footer .menuPrincipal ul i {
        font-size: 18px;
    }

    footer .menuPrincipal ul a {
        font-size: 19px;
        padding: 7px 0;
    }

    footer .menuPrincipal2 h2 {
        font-size: 22px;
    }

    footer .menuPrincipal2 ul i {
        font-size: 18px;
    }

    footer .menuPrincipal2 ul a {
        font-size: 19px;
        padding: 7px 0;
    }

    header .caixa .contHeader {
        display: flex;
        align-items: center;
        width: 100%;
    }

    header .caixa .menuInicial div {
        width: 90%;
        display: flex;
        margin: 0 auto;
        justify-content: center;
    }
}

@media (min-width: 1300px) {
    main .solucoes .cont {
        width: 85%;
        margin: 0 auto;
    }
}

@media (min-width: 1400px) {
    main .atendimento {
        height: 650px !important;
    }

    header ul a {
        font-size: 23px;
        padding: 0 !important;
    }

    main #foto {
        width: 420px;
    }

    main .informacoes p {
        width: 50%;
        margin-left: 150px;
        top: 330px;
        font-size: 23px;
    }

    header .menuInicial {
        display: flex;
        align-items: center;
    }

    main .atendimento .fotoAtendim img {
        height: 650px;
    }

    main .informacoes h2 {
        margin-left: 150px;
        top: 260px;
        font-size: 38px;
    }

    main .informacoes button {
        margin-left: 150px;
        top: 430px;
        font-size: 20px;
    }

    main .atuacao #titulo {
        font-size: 40px;
    }

    main .solucoes #titulo {
        font-size: 40px;
    }

    main .atuacao .conteiner .caixa .icone {
        min-width: 100px;
        height: 100px;
    }

    main .atuacao .conteiner .caixa .icone img {
        width: 60px;
        height: 60px;
    }

    main .atuacao .conteiner .caixa .texto p {
        font-size: 23px;
    }

    main .atuacao .conteiner .caixa {
        width: 500px;
    }

    main .atuacao .conteiner .caixa .texto span {
        font-size: 19px;
    }

    footer .caixa p {
        font-size: 19px;
    }

    footer .menuPrincipal h2 {
        font-size: 22px;
    }

    footer .menuPrincipal ul i {
        font-size: 18px;
    }

    footer .menuPrincipal ul a {
        font-size: 19px;
        padding: 7px 0;
    }

    footer .menuPrincipal2 h2 {
        font-size: 22px;
    }

    footer .menuPrincipal2 ul i {
        font-size: 18px;
    }

    footer .menuPrincipal2 ul a {
        font-size: 19px;
        padding: 7px 0;
    }

    header .icones .caixa {
        width: 45px;
        height: 45px;
    }

    header .icones .caixa i {
        font-size: 25px;
    }

    main .atendimento #sub {
        top: 130px;
        margin-left: 200px;
    }

    main .atendimento h2 {
        top: 180px;
        font-size: 29px;
        margin-left: 200px;
    }

    main .atendimento #descricao {
        top: 270px;
        font-size: 27px;
        margin-left: 200px;
    }
}

@media (min-width: 1500px) {
    footer .menuPrincipal {
        left: 14%;
    }

    footer .menuPrincipal2 {
        left: 38%;
    }

    /* header .menuInicial {
        padding-left: 6%;
    } */

    main .solucoes .cont .caixa {
        width: 350px;
        height: 450px;
    }

    main .solucoes .cont .caixa .caixa2 {
        margin-top: 60px;
    }

    header .menuInicial {
        display: flex;
        padding-right: 20px;
        align-items: center;
    }

    main .informacoes p {
        width: 45%;
        margin-left: 180px;
        top: 330px;
        font-size: 25px;
    }

    main .solucoes .cont {
        width: 85%;
        margin: 0 auto;
    }

    main .atuacao .conteiner {
        width: 78%;
    }

    main .informacoes h2 {
        margin-left: 180px;
        top: 270px;
        font-size: 40px;
    }

    main .informacoes button {
        margin-left: 180px;
        top: 440px;
        font-size: 20px;
    }

    header ul div {
        width: 90%;
        margin: 0 auto;
    }

    header ul a {
        padding: 0 !important;
    }
}

@media (min-width: 1600px) {
    main #foto {
        right: 250px;
    }

    /* header .menuInicial {
        padding-left: 10%;
    } */

    main .atendimento .fotoAtendim img {
        height: 650px;
    }

    main .atendimento {
        height: 750px;
    }

    main .atendimento #sub {
        font-size: 26px;
        margin-left: 150px;
        top: 130px;
    }

    header .menuInicial {
        display: flex;
        padding-right: 20px;
        align-items: center;
    }

    main .atuacao #titulo {
        font-size: 40px;
    }

    main .solucoes #titulo {
        font-size: 40px;
    }

    main .atuacao .conteiner .caixa .icone {
        min-width: 100px;
        height: 100px;
    }

    main .atuacao .conteiner .caixa .icone img {
        width: 60px;
        height: 60px;
    }

    main .atuacao .conteiner .caixa .texto p {
        font-size: 25px;
    }

    main .atuacao .conteiner .caixa {
        width: 500px;
    }

    main .atuacao .conteiner .caixa .texto span {
        font-size: 19px;
    }

    footer .caixa p {
        font-size: 19px;
    }

    footer .menuPrincipal h2 {
        font-size: 22px;
    }

    footer .menuPrincipal ul i {
        font-size: 18px;
    }

    footer .menuPrincipal ul a {
        font-size: 19px;
        padding: 7px 0;
    }

    footer .menuPrincipal2 h2 {
        font-size: 22px;
    }

    footer .menuPrincipal2 ul i {
        font-size: 18px;
    }

    footer .menuPrincipal2 ul a {
        font-size: 19px;
        padding: 7px 0;
    }

    header .icones .caixa {
        width: 50px;
        height: 50px;
    }

    header .icones .caixa i {
        font-size: 25px;
    }

    main .atendimento h2 {
        top: 180px;
        font-size: 29px;
        margin-left: 150px;
    }

    main .atendimento #descricao {
        top: 270px;
        font-size: 27px;
        margin-left: 150px;
    }
}

@media (min-width: 1750px) {
    main #foto {
        right: 350px;
    }
}