body{background-color:#fff;color:#111;font-family:Roboto,Roboto,sans-serif;font-size:calc(17px * 1.2);line-height:1.5}header{height:185px;background-color:gold;justify-content:space-evenly}header div div img{margin-right:88%}main div{display:flex;flex-direction:column;width:calc(95% - 2%);margin:1rem auto;justify-content:center;text-align:center}h1{color:navy;text-align:center;font-size:1.68rem;font-weight:700}p{font-size:1.28rem;font-weight:bolder;color:navy;text-align:justify}img{display:flex;border:1px solid #000;margin-left:auto;margin-right:auto;margin-top:30px}li,ul{list-style:none;border-style:solid}form,p.warning{margin-left:45px}label{display:block}input{width:20em}textarea{width:30em;height:10em}input[type=submit]{margin-left:10.5em;width:auto;background-color:navy;color:#fff;font-size:.8em;padding:.4em .6em}.warning{font-weight:700;color:red}fieldset{border:none;margin-left:0;padding-left:0}input[type=checkbox],input[type=radio]{width:auto}label[for=terms],label[for^=extras],label[for^=gender]{display:inline-block}h2{color:navy;text-align:center;font-size:19px;font-weight:bolder}footer{height:176px;background-color:gold;align-items:center;clear:both;justify-content:space-evenly}footer p{color:navy;text-align:center;position:relative;font-size:33px}.item1_header{grid-area:header}.item2_main{grid-area:main}.item3_footer{grid-area:footer}.grid_container{display:grid;grid-template-areas:"header" "main" "footer"}.container{gap:.624%;display:flex}nav a{border:none;color:navy;text-align:center;outline:0;line-height:2px;text-decoration:none;font-size:17px;margin:1px 1px;cursor:pointer;flex:1}a{margin-left:auto;margin-right:auto;text-align:center;align-items:center;justify-content:space-evenly}a:link{color:navy}a:visited{color:navy}a:hover{color:#000}a:active{color:navy}.right_col img{font-weight:700;color:navy;border:1px solid #000}@media only screen and (max-width:640px){main div{display:flex;flex-direction:column}}@media only screen and (max-width:450px){main div{display:flex;flex-direction:column}}@media only screen and (max-width:375px){main div{display:flex;flex-direction:column}}@media only screen and (max-width:650px){.grid_container{display:grid;grid-template-areas:"header" "main" "footer"}}@media only screen and (max-width:450px){.grid_container{display:grid;grid-template-areas:"header" "main" "footer"}}@media only screen and (max-width:375px){.grid_container{display:grid;grid-template-areas:"header" "main" "footer"}}