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

@media all and (min-width: 769px) and (max-width: 900px) {
	
html, body { height: 100%; max-width: 900px; }

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; clear: both; float: none; display: block; }

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

#instafeed { display:inline-block; width:30%; margin:0 5% 0 0; vertical-align:top; text-align:left; float: left; }
#twitter { display:inline-block; width:65%; margin:0 0 0 0; vertical-align:top; text-align:left; float: left; }
#instafeed h2, #twitter h2 {padding:0; margin-top:0;}
#instafeed h3, #twitter h3 {padding:0; margin:0; font:normal 24px/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; }
}