*{
    padding:0;
    margin:0;
}


.home{
    width:100%;
    background-color:royalblue;
    color:white;
    font-size:1.5rem;
    margin-right:1.5rem;
    padding:0.5rem;
}
.logo
{
    width:100%;
    
    background-color:steelblue;
   
    opacity:1.0;
}
a{
    color:white;
    text-decoration:none;
}
.footer
{
    position:fixed;    
    left:0;
    bottom:0;
    width:100%;
    background-color:steelblue;
    text-align:center;
    color:white;
}

.navBar
{
    text-align:center;
    width:100%;
    background-color:royalblue;
        
    
}
.navLi{
    display:inline-block;
    margin-right:1.5rem;
    color:white;
    font-size:1.5rem;
}

@media screen and (min-width:600px)
{
    .home{
        display:none;
}
    
}


@media screen and (max-width:600px)
{
        .navBar{
            display:none;
    }

}