*{font-family: Helvetica;}

html {
  height: 100%;
  box-sizing: border-box;
}

*,
*:before,
*:after {
  box-sizing: inherit;
}

body {
  position: relative;
  margin: 0;
  padding-bottom: 10rem;
  min-height: 100%;
  font-family: "Helvetica Neue", Arial, sans-serif;
}

header {background-color: #08a1dc;}
header {height:75px;padding:10px;}

main {padding:0 10px;}

ol li{list-style:none;}
ol li > p{font-size:2em;padding:20px 0 10px;}
ol li > p > span:after{content:' ';}
label{display:block;}
input{font-size:1.5em;}
button#zipcodeBtn{background:url(./images/orange_button.png) no-repeat;cursor: pointer;border:none;height:32px;width:66px;color:white;}

ul#sitesList {display: flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;}
ul#sitesList li{border:1px solid #f0f0f0;padding:10px;width:30%;}
ul#sitesList li h2{display: inline-block;font-size:2em;font-weight: bold;vertical-align: top;margin-left:10px;}
ul#sitesList li h2 + img{display:block;margin:0 auto 10px;}
ul#sitesList button{background-color:#08a1dc;border-radius:12px;color:white;padding:5px 10px;border:none;}
ul#sitesList button + span{font-weight: bold;margin-left:10px;}

aside{margin:20px auto;}
aside img{float:left;margin-right: 20px;}
aside p{font-size:1.2em;padding-bottom:10px;}

footer{background-color:#333;color:#aaa;min-height:10em;position:absolute;right:0;bottom:0;left:0;}


@media (min-width: 800px) {
	.wrapper{margin-left:auto;margin-right:auto;width:780px;}
}

@media (max-width: 730px) {
        body div#main{margin:0 1em;}
        ul#sitesList{flex-direction:column;align-items: center;}
        ul#sitesList li{text-align: center;margin-bottom:10px;width:100%;display:flex;flex-direction:column;max-height:190px;flex-wrap:wrap;align-items:center;background-color:#BDE6F6;}
        ul#sitesList li > img{order:5;width:11rem;margin-bottom:0;}
        ul#sitesList li > img:first-child{order:1;width:initial;}
        ul#sitesList li > img + h2{order:1;}
        ul#sitesList li > button{order:3;margin-top:3rem;}
        ul#sitesList li > span{order:4;margin-top:1rem;}

}