@charset "UTF-8";

@media screen and (min-width: 768px) and (max-width:992px){
    body header h1{
        font-size: 3rem;
    }
    #header{
        height: fit-content;
    }
    header > i#burguer{
        display: none;
    }
    header > menu{
        margin-top: 10px;
        display: block;
    }
    menu > ul > li{
        display: inline-block;
    }
   
   
}
@media screen and (min-width:992px){
    #header{
        height: fit-content;
    }
    header > i#burguer{
        display: none;
    }
    body header menu {
        background-color: #053F61;
        display: flex;
        margin-top: 45px;
    }
    body header menu ul{
        display: flex;
    }
    header > #telasm{
        font-size: 3.6em;     
    }
    header > #textomd{
        font-size: 1.6rem;
    }
    menu > ul > li{
        display: inline-block;
        font-size: 1.6em;
    }
    
    #sobre .titlo{
        justify-content:flex-start;
    }
    #sobre .titlo h1{
        font-size: 2.5rem;
    }
    #sobre .titlo img{
        width: 100px;
        height: 100px;
    }
    #sobre p{
        width: 990px;
        font-size: 1.2rem;
    }
    main .redes{
        padding: 15px;
    }
    
    main .redes #redes-t{
        font-size: 2rem;
        font-family: 'Roboto Slab', serif;
    }
    footer{
        flex-direction: row;
    }
}