@media screen and (min-width: 350px) and (max-width: 479px) {
    .menu{
        .logo{
            margin-left: 20px;
            & h1{
                font-size: 23px;
            }
        }
        .links{
            display: none;
        }
        #menu-hamburguer{
            height: 35px;
            display: block; 
            margin-right: 20px;
            cursor: pointer;
        }
    }

    .home {
        & p{
            font-size: 18px;
        }
        & strong{
            letter-spacing: 1px;
            font-size: 16px;
        }
        .agendar{
            padding: 10px 25px;
            & img{
                height: 35px;
            }
        }
    }

    .missao{
        & h1{
            font-size: 30px;
        }
        & p{
            font-size: 16px;
        }
    }

    .planos{
        padding: 30px 5px;
        .planos-interno{
            padding: 30px 0px;
            width: 97%;
            & h1{
                font-size: 30px;
            }
        }
        .pacotes{
            gap: 30px;
            flex-direction: column;

            .pacote-1, .pacote-2, .pacote-3{
                width: 320px;

                & li{
                    font-size:14px;
                }
            }
        }
    }

    .icones{ 
        flex-direction: column;
        gap: 40px;
        .work{
            & img{
                height: 70px;
            }
            & p{
                width: 100%;
            } 
        }
    }
    .icones::before{
        font-size: 70px;
    }     

    .digital{
        flex-direction: column-reverse;
        gap: 0px;
        padding: 20px 5px;
        .digital-interno{
            border: 2px solid #0ba7b4;
            border-bottom: none;
            padding: 15px 10px;
            border-radius: 20px 20px 0px 0px;
            box-shadow: 0px 0px 5px gray;
            & h1{
                font-size: 23px;
                line-height: 30px;
                text-align: center;
            }
            & h2, strong{
                font-size: 20px;
                text-align: center;
            }
            & p {
                font-size: 15px;
            }
        }
        & img{
            height: 300px;
            width: 100%;
            border-radius: 0px 0px 20px 20px;
        }
    }
    
    .clientes{
        flex-direction: column;
        padding: 10px;
        .clientes-interno{
            height: 600px;
            width: 100%;
            padding: 30px;
            border-radius: 20px 20px 0px 0px;
            & h1{
                text-align: center;
                font-size: 30px;
            }
            & p{
                font-size: 15px;
            }
            & p::before{
                left: 15px;
            }
        }
        .imagem-clientes{
            height: 500px;
            width: 100%;
            border-radius: 0px 0px 20px 20px;
        }
    }

    .feedbacks{
        & h1{
            font-size: 30px;
        }
        .feedback-interno{
            height: 350px;
            gap: 30px;
            .feed{
                height: 300px;
                min-width: 320px;
                padding: 10px;
                gap: 10px;
                & img{
                    height: 100px;
                }
                & p{
                    font-size: 14px;
                }
                & h1{
                    font-size: 18px;
                }
            }
        }
    }

    .vale-apena{
        .vale-imagem{
            right: 0px;
            height: 200px;
            width: 340px;
        }
        & img{
            height: 80px;
            filter: drop-shadow(0px 0px 5px #0ba7b4);
        }
        .resposta{
            left: 0px;
            padding: 5px;
            height: 320px;
            width: 340px;
            & p{

                font-size: 14px;
            }
            & img{
                height: 80px;
            }
        }
    }

    .sobre{
        .sobre-interno{
            & img{
                height: 130px;
            }
            & h1{
                font-weight: 500;
                text-align: end;
                font-size: 30px;
                position: relative;
                top: 20px;
            }
            & h2{
                font-size: 55px;
                font-weight: 500;
                color: #f5db03;
            }
            & p, span{
                font-weight: 500;
                & span{
                    color: #f5db03;
                    filter:drop-shadow(0px 0px 5px #f5db03)
                }
            }
        }
    }

    .feedbacks{
        marquee{
            height: 350px;
            width: 98%;
        }
        .marquee{
            gap: 20px;
        }
        .feed{
            height: 300px;
            width: 300px;
            gap: 15px;

            & img{
                height: 90px;
            }
            & h1{
                font-size: 17px;
            }
            & p{
                font-size: 13px;
            }
        }
    }
    
    footer{
        & h1{
            font-size: 30px;
        }
        .formulario-interno{
            gap: 20px;
            flex-direction: column;
            & p{
                font-size: 16px;
            }
            & input{
                width: 340px;
                font-size: 16px;
            }
        }
        & textarea{
            width: 340px;
        }
        & button{
            font-size: 15px;
        }
        hr{
            width: 95%;
        }
        .sobre-footer{
            gap: 20px;
            & div{
                &  h2{
                    font-size: 14px;
                }
                & p{
                    font-size: 11px;
                }
            }
        }
        .copy{
            font-size: 12px;
        }
    }
}

@media screen and (min-width: 480px) and (max-width: 689px) {
    .menu{
        .logo{
            margin-left: 30px;
            & h1{
                font-size: 23px;
            }
        }
        .links{
            display: none;
        }
        #menu-hamburguer{
            height: 35px;
            display: block; 
            margin-right: 30px;
            cursor: pointer;
        }
    }

    .home {
        & strong{
            padding: 0px 15px;
        }
    }

    .planos{
        padding: 50px;
        .planos-interno{
            & h1{
                font-size: 30px;
            }
        }
        .pacotes{
            gap: 30px;
            flex-direction: column;
        }
    }

    .icones{
        gap: 20px 10px;
    }
    .icones::before{
        font-size: 80px;
    }   

    .digital{
        flex-direction: column-reverse;
        padding: 15px;
        gap: 0px;
        .digital-interno{
            border: 2px solid #0ba7b4;
            border-bottom: none;
            padding: 15px;
            border-radius: 20px 20px 0px 0px;
            box-shadow: 0px 0px 5px gray;
            & h1{
                font-size: 20px;
            }
            & h2, strong{
                font-size: 20px;
            }
        }
        & img{
            height: 400px;
            width: 100%;
            border-radius: 0px 0px 20px 20px;
        }
    }
    
    .clientes{
        flex-direction: column;
        padding: 20px;
        .clientes-interno{
            height: 650px;
            width: 100%;
            padding: 35px;
            border-radius: 20px 20px 0px 0px;
            & p::before{
                left: 30px;
            }
            & h1{
                text-align: center;
                font-size: 30px;
            }
        }
        .imagem-clientes{
            height: 500px;
            width: 100%;
            border-radius: 0px 0px 20px 20px;
        }
    }

    .feedbacks{
        & h1{
            font-size: 30px;
        }
        .feedback-interno{
            height: 400px;
            gap: 30px;
    
            .feed{
                height: 290px;
                gap: 15px;
                min-width: 400px;
                padding: 10px;
                & img{
                    height: 100px;
                }
                & p{
                    font-size:15px;
                }
                & h1{
                    font-size: 18px;
                }
            }
        }
    }

    .vale-apena{
        .vale-imagem{
            right: 0px;
        }
        .resposta{
            left: 0px;
        }
    }
    .feedbacks{
        marquee{
            height: 300px;
            width: 98%;
        }
        .marquee{
            gap: 20px;
        }
        .feed{
            height: 250px;
            width: 400px;
            gap: 15px;

            & img{
                height: 90px;
            }
            & h1{
                font-size: 17px;
            }
            & p{
                font-size: 13px;
            }
        }
    }
    
    footer{
        .formulario-interno{
            gap: 20px;
            flex-direction: column;
        }
        & textarea{
            width: 350px;
        }
        & button{
            font-size: 15px;
        }
        hr{
            width: 95%;    
            border: 1px solid aliceblue;
        }
    }
}

@media screen and (min-width: 690px) and (max-width: 849px) {
    .menu{
        .logo{
            margin-left: 30px;
            & h1{
                font-size: 23px;
            }
        }
        .links{
            gap: 20px;
            margin-right: 30px;
        }
    }

    .home {
        & strong{
            padding: 0px 15px;
        }
    }

    .planos{
        padding: 50px;
        .pacotes{
            gap: 30px;
            flex-direction: column;
        }
    }

    .icones{
        padding: 15px;
        gap: 20px;
    }
    .icones::before{
        font-size: 100px;
    }
  
    .digital{
        flex-direction: column-reverse;
        padding: 30px;
        gap: 0px;
        .digital-interno{
            border: 2px solid #0ba7b4;
            border-bottom: none;
            padding: 15px;
            border-radius: 20px 20px 0px 0px;
            box-shadow: 0px 0px 5px gray;
        }
        & img{
            height: 500px;
            width: 100%;
            border-radius: 0px 0px 20px 20px;
        }
    }
    
    .clientes{
        flex-direction: column;
        padding: 30px;
        .clientes-interno{
            height: 550px;
            width: 100%;
            border-radius: 20px 20px 0px 0px;
            & p::before{
                left: 50px;
            } 
        }
        .imagem-clientes{
            height: 500px;
            width: 100%;
            border-radius: 0px 0px 20px 20px;
        }
    }

    .vale-apena{
        .vale-imagem{
            right: 100px;
        }
        .resposta{
            left: 100px;
        }
    }
    .feedbacks{
        .feed{
            flex-direction: column;
            height: 300px;
            width: 450px;
            gap: 20px;

            & img{
                height: 100px;
            }
            & h1{
                font-size: 18px;
            }
            & p{
                font-size: 15px;
            }
        }
    }
    
    footer{
        .formulario-interno{
            gap: 20px;
        }
        .estrutura-input{
            & p{
                font-size: 16px;
            }
            & input{
                width: 330px;
            }
        }
        & textarea{
            width: 500px;
        }
    }
}

@media screen and (min-width: 850px) and (max-width: 999px) {
    .planos{
        padding: 50px;
        .pacotes{
            gap: 30px;
            flex-direction: column;
        }
    }

    .icones{
        padding: 20px;
    }
    .icones::before{
        font-size: 100px;
    }

    .digital{
        gap: 10px;
        & img{
            height: 500px;
            width: 50%;
        }
        .digital-interno{
            gap: 10px;
            & h1{
                font-size: 20px;
            }
            & h2, strong{
                font-size: 19px;
            }
            & p {
                font-size: 15px;
            }
        }
    }
    
    .clientes{
        padding: 30px;
        .clientes-interno{
            & p::before{
                left: 50px;
            } 
        }
    }

    .vale-apena{
        .vale-imagem{
            right: 150px;
        }
        .resposta{
            left: 150px;
        }
    }

    .feedbacks{
        .feed{
            width: 450px;
        }
    }
}

@media screen and (min-width: 1000px) and (max-width: 1300px) {
    .planos{
        .planos-interno{
            padding: 30px 10px;
        }
        .pacotes{
            gap: 20px;
            .pacote-1, .pacote-2, .pacote-3{
                width: 310px;
                padding: 20px 5px;
                & li{
                    font-size: 13px;
                }
            }
        }
    }

    .icones{
        padding: 30px;
    }
    .icones::before{
        font-size: 100px;
    }

    .digital{
        gap: 10px;
        & img{
            height: 550px;
            width: 50%;
        }
    }
    
    .clientes{
        padding: 30px;
        .clientes-interno{
            & p::before{
                left: 50px;
            } 
        }
    }

    .vale-apena{
        .vale-imagem{
            right: 250px;
        }
        .resposta{
            left: 250px;
        }
    }
}

/*RESPONSIVIDADE GLOBAL*/
@media screen and (max-width: 849px) {
    .home{
        .redes-fixa{
            display: none;
        }
    }
}