@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Roboto');
@import url('https://fonts.googleapis.com/css?family=Roboto:500');


header img { 
display: block;
height: 5em;
margin: auto;
margin-bottom: 0.5em; 
margin-top: 1em;

}


header h1 {
    
font-family: 'Roboto', sans-serif;
font-size: 0.8em;
font-weight: lighter; 
text-align: center;
font-style: normal; 
color: rgb(177, 177, 177);
    
}


main section h2 { 
font-family: 'Roboto', sans-serif;
font-size: 0.8em;
font-weight: lighter;
text-align: center;
font-style: normal;
margin: 0.5em 0.5em 0.5em 0.5em;
padding: 0.5em;
margin-top: 0.5em;
color: rgb(177, 177, 177);
    
}

main section h2 { 
color: white; 
font-size: 1.1em;
background-color: rgb(219, 219, 219);

}

footer div {
    
font-family: 'Roboto', sans-serif;
font-size: 0.5em;
font-weight: lighter;
text-align: left;
font-style: normal;
text-align: center;
    
}