@charset "UTF-8";
@import url("../webfonts/texgyreadventor_regular/stylesheet.css");
@import url("../webfonts/texgyreadventor_bold/stylesheet.css");

@media all and (min-width: 481px) and (max-width: 768px) {

html, body { height: 100%; max-width: 768px; }

a { color: #fff; text-decoration: none; }
a:hover { color: #fff; text-decoration: underline; }

img, canvas, video { max-width: 100%; height: auto; }

#socialmedia  { width: 100%; height: auto; }

#buttons { width: 100%; height: 30px; text-align: center; padding-top: 50px; margin-top: 100px; margin-left: 4%; display: block; }
#buttons img { max-width: 30px; height: auto; }

#instafeed { display:block; width:100%; margin:0 0 5% 0; vertical-align:top; text-align:left; float: none; }
#twitter { display:block; width:100%; margin:0 0 0 0; vertical-align:top; text-align:left; float: left; }
#instafeed h2, #twitter h2 {padding:0; margin-top:10px;}
#instafeed h3, #twitter h3 {padding:0; margin:0; font:normal 22px/40px "texgyreadventor regular";}
#instafeed p {padding:0; margin:0; font:normal 14px/20px "texgyreadventor regular"; color:#fff;}
#twitter p {padding:0; margin:0; font:normal 13px/15px "texgyreadventor regular"; color:#fff;}
#instafeed img { width: 60px; height: auto; padding:0; margin-top:-5px; }



#credits { width: 100%; height: 400px; margin: 0; padding: 0; }
#credits div { font: normal 13px/15px "texgyreadventor regular"; color: #fff; text-align: left; margin-top: 20px; -webkit-column-fill: balance; -moz-column-fill: balance; /* Firefox */ column-fill: balance; -webkit-column-count: 3; /* Chrome, Safari, Opera */ -moz-column-count: 3; /* Firefox */ column-count: 3; -webkit-column-gap: 25px; /* Chrome, Safari, Opera */ -moz-column-gap: 25px; /* Firefox */ column-gap: 25px; -webkit-column-rule: none; /* Chrome, Safari, Opera */ -moz-column-rule: none; /* Firefox */ column-rule: none; }
#credits h3 { font:normal 16px/20px "texgyreadventor regular"; padding: 0; margin: 0; text-decoration: underline; }

#disclaimer { display: block; width: 100%; height: 450px; margin: 0; padding: 0; text-align: justify; -webkit-column-fill: balance; -moz-column-fill: balance; /* Firefox */ column-fill: balance; -webkit-column-count: 1; /* Chrome, Safari, Opera */ -moz-column-count: 1; /* Firefox */ column-count: 1; -webkit-column-gap: 40px; /* Chrome, Safari, Opera */ -moz-column-gap: 40px; /* Firefox */ column-gap: 40px; -webkit-column-rule: none; /* Chrome, Safari, Opera */ -moz-column-rule: none; /* Firefox */ column-rule: none; }
#disclaimer div, p { font: normal 13px/15px "texgyreadventor regular"; color: #fff; text-align: justify; }
#disclaimer h3 { font:normal 15px/20px "texgyreadventor regular";}
#disclaimer h2, #credits h2 { font:normal 20px/28px "texgyreadventor regular"; }
#disclaimer .return, #credits .return { font-size: 11px; width: 100%; padding: 5px 0 0 0; margin: 10px 0 0 0; border-top: 1px solid #fff; }
}