a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
html {background:#fff;}
body {font-family: 'Ubuntu', sans-serif; font-weight:300; color:#111; border-top: solid 5px #f1dc4d; font-size:15px; line-height: 1.28rem;}
a {color:#002c47; text-decoration: none;}

.pane {max-width: 1200px; margin: 0 auto; display: block; padding: 0 18px;}
.pane h2 {color:#002c47; font-size:1.8rem; font-weight:700; padding-bottom: 38px; text-align: center;}
.alpha {float:left; width:55%;}
.beta {float:right; width:40%}
.ext-info {clear:both; text-align: center; padding-top:20px;}
.ext-info p {padding-bottom: 10px; font-size: 1.2rem; margin: 0 auto; line-height: 1.5rem; max-width: 810px; display: block}
.ext-info em {padding-right:36px;}
.important {font-weight: 700; color:#002c47; padding-top:10px;}

#hero {color:#fff; background:#3e7ba1 url(./background.jpg) no-repeat 50% 50%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

#menu {background: #002c47; background: rgba(2,44,65,0.7); font-size: 1rem; border-bottom: solid 1px #fff;}
#menu h1 {font-weight: 700; display: block; padding: 16px 0 15px 0; font-size: 1.1rem;}
#menu ul {float:right; display:block}
#menu li {display: inline-block; margin-left: 5px;}
#menu a { color:#fff; padding:15px 2px; display: inline-block;}
#menu li#menu-contact {padding: 10px 0;}
#menu li#menu-contact a {background:#8DBCD9; border-radius: 5px; padding: 5px 8px; color:#002c47; font-weight: 400}

#hero-wrap {clear:both; line-height: 3.5rem; font-weight: 700; padding-top: 120px; padding-bottom: 80px}
#hero-wrap span {font-size: 3.8rem; display: block; padding-bottom: 36px;}
#hero-wrap h1 {font-size: 4.2rem; color:#002c47; border-bottom: solid 5px #002c47; display:inline-block; padding-bottom: 36px; text-transform: uppercase;}

#isolation-system {padding:70px 0}
#isolation-screens {width: 100%;}
#isolation-screens li {width:25%; float:left;  padding-bottom: 50px}
#isolation-screens img {width:100%; border:solid 1px #002c47}
#isolation-screens strong {color:#002c47; display: block; text-align: center; font-weight: 700; font-size:1.2rem; padding-top:10px;}
#isolation-screens li.arrow {width:12.5%; box-sizing: border-box; padding: 150px 0 0 0; text-align: center;}
#isolation-screens li.arrow i {color:#347c87; font-size: 2rem;}

#isolation-info {padding-top: 30px;}
#isolation-info li {width:100%; display: block; clear:both; padding-bottom: 50px;}
#isolation-info i {float:left; margin-right:5%; color: #347c87; display: block; font-size: 3rem; text-align: center; min-width: 80px; padding-bottom: 15px;}
#isolation-info strong {display: block; font-weight: 700; font-size: 1.2rem; padding-bottom: 8px; color:#002c47;}

#dashboard {background:#efefef; padding: 70px 0;}
#dashboard img {width: 100%; display:block; border: solid 5px #fff; box-sizing: border-box;}
#dashboard li.large {width:65%; display: block; float:left;}
#dashboard li.small {width:30%; display: block; float:right}
#dashboard li.top {margin-bottom: 33px;}
#dashboard p {clear:both; font-size: 1.2rem; padding-top: 10px;}

#temperature {padding: 70px 0;}
#temperature img.primary {display:block; width: 100%;}

#platform {background:#efefef; padding: 70px 0;}
#platform ul {width:80%; margin: 30px 10%; display:block}
#platform li {width:30%; margin-right: 5%; margin-bottom: 30px; display: block; float:left; text-align: center}
#platform li:last-child {margin-right:0}
#platform i {color: #347c87; font-size: 5rem; display: block;}
#platform strong {color:#002c47; display: block; text-align: center; font-weight: 700; font-size:1.2rem; padding-top:10px;}
#platform span {padding-top:10px; display: block; max-width:180px; text-align: center; margin:0 auto}
#platform .ext-info p {max-width: 680px;}

#footer {background: #002c47; text-align: right; color:#fff; padding-top:50px}
#footer a {color:#fff; display: inline-block; padding: 15px 0;}

/*
div {position: absolute; bottom: 70px; margin-left: 10%; line-height: 3.5rem; font-size:64px;}
span {font-size: 64px; display: block; padding-bottom: 36px;}
h1 {font-size: 72px; color:#002c47; border-bottom: solid 5px #002c47; display:inline-block; padding-bottom: 36px; text-transform: uppercase;}
a {color:#002c47; font-size:28px; display: block; text-decoration: none; padding-top:10px;}
a:hover {color:#005f9a}
a#company {font-size:16px; line-height: 1.2rem; margin-top: 20px} */

/* @media screen and (max-width:800px) {
  div {font-size: 48px; line-height: 2rem;}
  span {font-size: 48px; padding-bottom: 25px}
  h1 {font-size: 52px; padding-bottom: 25px}
  a {font-size: 20px;}
} */