html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
article,figure,footer,header,main,nav,section{display:block}
a{background-color:transparent}
a:active,a:hover{outline:0}
strong{font-weight:700}
h1{font-size:2em;margin:.67em 0}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{border:0}
button,input{color:inherit;font:inherit;margin:0}
button{overflow:visible}
button{text-transform:none}
button,html input[type=button],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
html,body{overflow-x:hidden}
body{background:#2c3e51;color:#f0f0f0;line-height:1.5;font-weight:300}
form span{font-size:75%;font-style:italic}
button{background:#fccf0a;border:0;border-radius:4px;color:#2c3e51;font-weight:bold;line-height:1;padding:1em;text-transform:uppercase;transition:0.1s linear}
button:hover{background:#2c3e51;color:#fccf0a}
input{background:transparent;border:0;border-bottom:2px solid #fccf0a;color:#fccf0a;display:block;margin:1em auto 0.5em;max-width:100%;padding:0.375em 0 0.25em;text-align:center}#name{display:none}
img{vertical-align:middle}
html:before{animation:computer 60s linear infinite;bottom:0;content:url(../img/computer.svg);left:calc(50% - 160px);position:absolute;right:0;top:calc(50% - 160px);z-index:-1}
.s-title:before{animation:sun 6s ease-out forwards}
#title.warn span{animation:warn 6s ease-in}
#title.warm span{animation:warm 6s ease-in}
@media screen and (min-width: 50em){#list.alarm{animation:alarm .2s linear 3s 16;background-image:url(../img/alarm.svg)}#list.human{animation:human 1s ease-out 3s 1 both;background:url(../img/human.svg) no-repeat center,url(../img/human.svg) no-repeat center,url(../img/human.svg) no-repeat center}#list.mega{animation:mega .3s linear 3s 6;background-image:url(../img/warn.svg)}}
a{color:#fccf0a;border-bottom:2px solid;text-decoration:none;transition:.1s linear}
main a:hover{border-width:0}
#nav ul{margin:0;padding:0;text-align:center}
#nav li{display:inline-block;list-style:none}
#nav li.act a{border-color:#fccf0a}
#nav a{border-bottom-color:#33495f;display:block;font-weight:bold;letter-spacing:.06em;padding:.5em 1em}
#nav a:hover{border-color:#fccf0a}
.sr{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.sr.foc:active,.sr.foc:focus{clip:auto;color:#2c3e51;height:auto;overflow:visible;position:relative;width:auto;z-index:999}
.cf:before,.cf:after{content:" ";display:table}
.cf:after{clear:both}
.cf{*zoom:1}#page{padding:0 2em}
.s-title{font-size:1.5em;font-weight:bold;line-height:1.5;margin:0;text-align:center;text-transform:uppercase}
/*.s-title a{color:#2c3e51;border:0;position:relative;top:-2.25em}*/
.s-title a{border:0;position:relative;top:-2.25em}
.s-title a span{display:inline-block;transition:transform .3s ease-in}
.s-title a.warn span{padding:0 .055em}
.s-title:before{background:#fccf0a;border-radius:0 0 50% 50%;box-shadow:2px 2px 64px 8px #f59d00;content:" ";display:block;margin:-3em -7em .67em;padding:3em .5em;position:relative;top:1em}main{margin:4em auto;text-align:center}
.p-title{font-size:2.25em;margin:0 auto .67em;max-width:624px;line-height:1.33}
.p-title a{border:0}
#list{margin:4em 0;text-align:left}
#list div{margin-bottom:2em}
#list div:after{color:#33495f;content:"\2026";display:block;font-size:2.25em;font-weight:bold;line-height:1;text-align:center}
.bg{background:#33495f;border-radius:4px;padding:2em;text-align:center}#count{margin:3em auto;width:auto}
#count span{color:#1caf5e;display:block;font-size:4.5em;font-weight:bold;line-height:1}
#col{font-size:.75em;padding:1.33em 2.67em;text-align:center}
#col a{border:0}@media screen and (min-width: 50em){#page{margin:auto;max-width:1024px}
main p{margin:1em auto;max-width:624px}
.s-title:before{margin-top:-9em;padding-top:10em}
#list{background:no-repeat center}
#list div{float:left;width:39%}
#list div::after{content:""}
#list div:nth-of-type(odd){clear:left;margin-right:11%;text-align:left}
#list div:nth-of-type(even){clear:right;margin-left:11%;text-align:right}
#count{max-width:39%}}
@keyframes computer{0%{transform:translate(-100%, -20%) scale(0.6)}50%{transform:translate(0, 0) scale(1)}100%{transform:translate(100%, -20%) scale(0.6)}}
@keyframes sun{from{box-shadow:none}to{box-shadow:2px 2px 64px 12px #f59d00}}
@keyframes alarm{33%{background-position:51% 51%}66%{background-position:49% 49%}}
@keyframes human{50%{background:url(../img/human.svg) no-repeat center,url(../img/human.svg) no-repeat center,url(../img/human.svg) no-repeat 65% 39%}100%{background:url(../img/human.svg) no-repeat center,url(../img/human.svg) no-repeat 35% 39%,url(../img/human.svg) no-repeat 65% 39%}}
@keyframes mega{from{background-size:160px 160px}to{background-size:180px 180px}}
@keyframes warm{0%{transform:scale(0)}5%{transform:scale(1)}95%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(0)}}
@keyframes warn{0%{transform:scale(0)}5%{transform:scale(1)}95%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(0)}}
@media print{*,*:before,*:after{background:transparent !important;color:#000 !important;box-shadow:none !important}
a,a:visited{border:0;text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}abbr[title]:after{content:" (" attr(title) ")"}img{page-break-inside:avoid;max-width:100% !important}
p,h2,h3{orphans:3;widows:3}
h2,h3{page-break-after:avoid}}
/*# sourceMappingURL=main.css.map */
/* per google maps */
#map {
  height: 400px;  /* The height is 400 pixels */
  width: 100%;  /* The width is the width of the web page */
 }