@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');

*{
    margin:             0px;
    padding:            0px;
    font-family:        'Roboto', sans-serif;
    
}

body{
    background:         #F5F5F5
}

 .encabezado div{
        width:          100%;
        background:     #FFFFFF;
        padding:        1%;
        box-shadow:     0px 0px 3px #345677;
    }
    
    #logo{
        width: 200px;
        height: 100px;
    }
    
    .centro div{
        background:     #FFFFFF;
    }
    
    .centro img{
        width:          80%; 
    }
    
    footer{
        width:          100%;
        padding:        1%;
        margin-top:     5%;
        background:     #FFFFFF;
        font-weight:    800;    
        text-align:     center;
        box-shadow:     0px 0px 3px #345677;
    }

@media (min-width: 1000px) {
    
    .encabezado img{
        width: 120px;
        margin-left:    5%;
    }
    
    .centro{
        width:          80%;
        margin-left:    10%;
        margin-top:     5%;
    }
        
    footer{
        font-size: 18px;
    } 
}

@media (max-width: 999px) {
     
    .encabezado img{
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 120px
    }

    .centro{
        width:          95%;
        margin-left:    2.5%;
        margin-top:     3%;
    }
    
    footer{
        font-size: 15px;
    } 
}