@media screen and (max-width: 768px){
    .cabecalho {
        display: none;
    }.parceiro-img {
        display: none;
    }#slide {
        display: none;
    }

    .principal {
        display: flex;
        flex-direction: column;
    }.apresentacao {
        justify-content: center;
        align-items: center;
        display: flex;
        flex-direction: column;
    } .seguranca-img {
        display: none;
    }.logotxt{
        width: 30vw;
        height: 50vh;
    }.logo{
        width: 20vw;
        height: 28vh;
    }.texto {
        width: 50vw;
    }.texto > h2 {
        color: white;
        font-family: 'Roboto';
        font-size: 2.5vw;
        text-align: center;
    }.cta1 {
        font-size: 2vw;
        font-family: 'Arimo';
        font-weight: bold;
        box-shadow: 0 4px 0 #0B401B;
        cursor: pointer;        
    }

    .rodape-superior {
        margin-top: 10vh;
    }
    
    .redes > a > img {
        width: 5vw;
        height: 8vh;
    }
    
    .rodape > h4 {
        font-size: 2vw;
    }
}

@media screen and (max-width: 660px){
    .principal {
        display: flex;
        flex-direction: column;
    }.apresentacao {
        justify-content: center;
        align-items: center;
        display: flex;
        flex-direction: column;
    } .seguranca-img {
        display: none;
    }.logotxt{
        width: 50vw;
        height: 40vh;
    }.logo{
        width: 35vw;
        height: 20vh;
    }.texto {
        width: 80vw;
    }.texto > h2 {
        font-size: 5vw;
        text-align: center;
    }.cta1 {
        font-size: 5vw;    
    }
    
    .servicos {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
    .instalacao-cameras{
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100vw;
    }.camera-img {
        width: 100%;
        display: flex;
        flex-direction: column;
    }.camera-img > img {
        width: 70vw;
        margin-left: -2vw;
    }.txt-cameras {
        width: 100%;
        margin-top: 1vh;
        display: flex;
        flex-direction: column;
        align-items: center;
    }.txt-cameras > h2 {
        font-size: 6vw;
        text-shadow: 0 2px 0 rgb(165, 165, 165);
    }.txt-cameras > p {
        font-size: 4vw;
        width: 80vw;
    }
    
    .monitoramento{
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100vw;
    }.monitoramento-img {
        width: 100%;
        display: flex;
        flex-direction: column;
    }.monitoramento-img > img {
        width: 50vw;
        margin-left: 5vw;
    }.txt-monitoramento {
        width: 100%;
        margin-top: 20vh;
        margin-left: 0;
        display: flex;
        flex-direction: column;
        align-items: center; 
    }.txt-monitoramento > h2 {
        font-size: 6vw;
        text-shadow: 0 2px 0 rgb(165, 165, 165);
    }.txt-monitoramento > p {
        font-size: 4vw;
        text-align: justify;
        width: 80vw;
    }
    
    .cerca-eletrica{
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100vw;
    }.cerca-img {
        width: 100%;
        display: flex;
        flex-direction: column;
    }.cerca-img > img {
        width: 50vw;
        margin-left: 45vw;
    }.txt-cerca {
        width: 100%;
        margin-top: 0vh;
        display: flex;
        flex-direction: column;
        align-items: center; 
    }.txt-cerca > h2 {
        font-size: 6vw;
        text-shadow: 0 2px 0 rgb(165, 165, 165);
    }.txt-cerca > p {
        font-size: 4vw;
        width: 80vw;
    }
    .concertina{
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100vw;
        margin-top: 5vh;
    }.concertina-img {
        width: 100%;
        margin-top: -10vh;
    }.concertina-img > img {
        width: 90vw;
        margin-left: 30vw;
    }.txt-concertina {
        width: 100%;
        margin-top: 0vh;
        margin-left: 20vw;
    }.txt-concertina > h2 {
        font-size: 6vw;
        margin-left: 20vw;
        text-shadow: 0 2px 0 rgb(165, 165, 165);
    }.txt-concertina > p {
        font-size: 4vw;
        width: 80vw;
    }
    
    .seguranca{
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 100vw;
        margin-top: 5vh;
    }.seguranca2-img {
        width: 100%;
        display: flex;
        flex-direction: column;
    }.seguranca2-img > img {
        width: 80vw;
        margin-left: -13vw;
        margin-top: 2vh;
    }.txt-seguranca {
        width: 100%;
        margin-top: 5vh;
        margin-left: 20vw;
    }.txt-seguranca > h2 {
        font-size: 6vw;
        margin-left: 20vw;
        text-shadow: 0 2px 0 rgb(165, 165, 165);
    }.txt-seguranca > p {
        font-size: 4vw;
        text-align: justify;
        width: 80vw;
    }

    .bio {
        width: 100vw;
        display: flex;
        flex-direction: column;
        margin-top: 5vh;
        padding-bottom: 15vh;
        position: relative;
    }.bio-img {
        width: 100%;
        display: flex;
        justify-content: center;
    }.bio-img > img {
        width: 50vw;
        margin-left: 0vw;
    }.bio-txt {
        width: 90vw;
        margin-right: 0vw;
        margin-left: 5vw;
        display: flex;
        flex-direction: column;
        align-items: center;
    }.bio-txt > h2 {
        font-size: 7vw;
    }.bio-txt > p {
        font-size: 4vw;
        text-align: justify;
    }.cta2{
        width: 90vw;
        font-size: 5vw;
        border-radius: 20px;
        left: 0vw;
        bottom: 8vh;
    }

    .rodape-superior {
        margin-top: 10vh;
        width: 100vw;
        display: flex;
        position: relative;
    }
    .maps {
        color: white;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }.maps-img {
        width: 20vw;
        cursor: pointer;
    }.txt-maps {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-self: center;
    }.txt-maps > h2 {
        font-size: 6vw;
    }.txt-maps > p {
        font-size: 4vw;
        text-align: center;
    }
    
    .redes > a > img {
        width: 9vw;
        height: 6vh;
    }
    
    .rodape {
        background-image: linear-gradient(#176DFF, black);
        width: 100vw;
        padding: 2%;
        display: flex;
        justify-content: center;
        margin-top: 5%;
    }.rodape > h4 {
        font-family: 'Arimo', sans-serif;
        color: white;
        font-size: 4vw;
    }
    
    .whats {
        width: 15vw;
        height: 10vh;
        right: 5vw;
        bottom: 5vh;
    }
}