* {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

html {-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}

/* body rules here */
body {
    font-family: Verdana;
    font-size: 16px;
}

/* header rules here */
header {
    background-color: #ebecf0;
    padding: 1rem 2%;
}
header h1 {
    margin: 0;
}
header h2 {
    margin: 0;
}

/* navigation rules here */
nav {background-color: #bebebe;}
nav ul {margin: 0; padding: 0;}
nav li {list-style-type: none;}
nav li.active {background-color: #949494;}

nav a {
    display: block;
    padding: .8rem 0;
    color: black;
    text-align: center;
    text-decoration: none;
}
nav a:hover {background-color: #949494;}

main {
    padding: 1rem 2%;
    display: block;
}

main figure img {width: 100%;}
main figure{
    width:100%;
    margin: 0;
}


footer {
    text-align: center;
    padding: 1rem 2%;
    background-color: #ebecf0;
}