/* CSS Document -- */
,* html,body,h1,h2,h3,h4,h5,h6,html{padding:0;margin:0}body,h1,h2,h3,h4,h5,h6{font-weight:400;margin:0}abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,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,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:bottom;background:0 0}.code,pre{float:left;width:100%;background:#000}
*, * html, body, html { outline: 0; list-style: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%}
body {font-family: Roboto, Arial, Helvetica, sans-serif; font-weight: 300;  font-size: 90%;  line-height: 1.6;  color: #000}a { text-decoration: none; transition: all .2s ease; color: #2A65AB}
a:hover { color: #00A0DC}
a img { border: 0}
main { float: left; width: calc( 100% - 30px); height: calc(100vh - 100px); margin: 0 15px; background: #FFF; display: block}
footer { text-align: center }
.logo { text-align: center; margin: 30vh 0; color: #4D4D4D }
.logo img { width: 240px}

@media (min-width: 680px) { 
.logo { margin: 40vh 0; }

}