*{-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{font-family:'Roboto', sans-serif;font-size:16px;margin:0}div.topbar{background-color:black;color:white;font-size:1.6rem;padding:1rem 2vw}header{background-image:url(../images/header-small.jpg);height:140px;background-position:center;color:white;display:flex;flex-direction:column;justify-content:flex-end}header h1{background-color:rgba(0,0,0,0.4);padding:1rem 2vw;font-size:1.4rem;margin:0}div#navWra{background-color:#c2c2c2}nav button{background:transparent;border:none;font-size:1.5rem;padding:1rem;color:#000}nav ul{display:none;margin:0;padding:0;border-top:solid 1px black}nav ul li{list-style-type:none;border-bottom:solid 1px black}nav ul li a{display:block;padding:.9rem 2vw;color:#444;text-decoration:none}.active{background-color:#8a8a8a}.active a{color:white}ul li:hover{background-color:#4b4b4b}ul li:hover a{color:white}ul.open{display:block}.parent{display:grid;grid-template-columns:1fr;grid-row:auto;text-align:center}main h1{padding-left:1rem}figure.one{background-color:#c2c2c2;border-style:solid;border-radius:10px;border-color:#616161;padding:0 .5rem 3rem .5rem}section{border-style:solid;border-top:none;border-left:none;border-right:none;border-color:#616161;padding:1rem 0 1rem 0}section h1{margin:0}div.imgone{padding:1rem 0 0 0}figure.one p{margin-bottom:2rem}figure.one a{border-style:solid;border-radius:10px;border-color:#616161;background-color:grey;color:white;padding:1rem 7rem 1rem 7rem;text-decoration:none}div.imgone{position:relative;animation:mymoves 5s 1}@keyframes mymoves{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}footer{background-color:#c2c2c2;text-align:center;padding:.1rem 0 .1rem 0;margin-top:1.5rem}@media only screen and (min-width: 35rem){header{background-image:url(../images/header-medium.jpg);height:240px}.parent{display:grid;grid-template-columns:1fr 1fr;grid-row:auto}figure.one a{padding:1rem 1rem 1rem 1rem}}@media only screen and (min-width: 60rem){header{background-image:url(../images/header-large.jpg);height:400px;background-size:cover;background-position:center bottom}nav button{display:none}nav ul{display:flex;margin-left:2%;border-top:none;justify-content:right}nav ul li{border-bottom:none;border-left:solid 1px black}nav ul li a{display:block;padding:1rem 1.5rem}.parent{display:grid;grid-template-columns:1fr 1fr 1fr;grid-row:auto}}