/*selector universal*/
*{
    margin: 0;
}

body{
    background-color:antiquewhite;
font-family: Arial, Helvetica, sans-serif;
}

.grid-container{
    display: grid;
    grid-template-columns: auto auto auto;
}

header{
    width: 100%;
    background-color:#b81414 ;
    color: antiquewhite;
    height: 200px;
}


nav{
    width: 150px;
    background-color: #999;
    color: antiquewhite;
    text-align: left;
}

h1{
    padding: 10px;
}

h2{
    padding: 10px;
}

h3{
    padding: 10px;
    color: #b81414;
}

h4{
    padding: 10px;
    color: antiquewhite; 
}

main section ul{
    padding: 7px;
}

main section ul li{
   
    padding: 3px;
    margin: 0px;
    text-align: left;
    color: black;
} 


main section ul{
    margin: 0px;
    padding: 0px; 
}

li{
    padding: 6px;
    list-style: none;
    text-decoration: none;
    text-align: center;
    color: antiquewhite;
}

p{
    padding: 10px; 
}

section{

border: 1px, solid, #999;
}

footer{
    height: 100px;
    background-color: #444;
    color: antiquewhite;
}

.logo{
    margin: 10px;
}

@media screen and (max-width: 500px) {nav{
    display: none;
}
    
}