* {margin:0;padding:0;}
main, section {display:block;width:100%;}
a {text-decoration:none;}
.clear {clear:both;}

/* === HEADER === */

nav.global {width:100%;background-color:#000000;box-sizing:border-box;padding:4px 0 0 4px;}
nav.global a {display:inline-block;box-sizing:border-box;padding:0 10px;font-family:'Open Sans', sans-serif;font-size:15px;color:#9b885e;line-height:32px;border-radius:3px;margin:0 4px 4px 0;background-color:#1a1a1a;transition:all 0.3s;}
nav.global i {font-style:normal;}
nav.global a:hover {color:#ededed;background-color:#587b30;}
nav.global .active {color:#eeeeee;background-color:#5a2d24;}
nav.global .hamburger {float:right;background-color: #2a2a2a;padding:5px;}
nav.global .hamburger span {display:block;box-sizing:border-box;width:22px;height:22px;background-image:url("/common/gfx/hamburger.png");}
nav.global a:nth-of-type(1) {color:#ffffff;}
nav.global a:nth-of-type(1) b {color:#cc0000;font-size:120%;font-weight:normal;}

/* === INSTAGRAM === */

#instagram {box-sizing:border-box;display:block;max-width:100%;text-align:center;max-height:330px;overflow:hidden;margin-top:8px;}
#instagram a img {display:inline-block;box-sizing:border-box;margin:0 5px 5px 5px;padding:5px;background-color:rgba(187,187,187,0.7);}
#instagram a:hover img {opacity:0.9;}

/* === FOOTER === */

.footer {width:100%;box-sizing:border-box;background-color:#aaaaaa;text-align:center;}
footer .copyrights {box-sizing:border-box;font-family:'Open Sans', sans-serif;font-size:15px;color:#444444;padding:7px 0 7px 0;font-weight:bold;margin-top:8px;}
footer .links {box-sizing:border-box;font-family:'Open Sans', sans-serif;font-size:14px;color:#bbbbbb;padding:14px;background-color:#cccccc;}
footer .links a {color:#444444;}
footer .links a:hover {color:#0066cf;}

/* === BACK TO TOP === */

#back-to-top {display:inline-block;height:40px;width:40px;position:fixed;bottom:40px;right:10px;box-shadow:0 0 10px rgba(0, 0, 0, 0.05);overflow:hidden;text-indent:100%;white-space:nowrap;background:rgba(86, 192, 232, 0.8) url(gfx/back-to-top/cd-top-arrow.svg) no-repeat center 50%;visibility:hidden;opacity:0;-webkit-transition:opacity .3s 0s, visibility 0s .3s;-moz-transition:opacity .3s 0s, visibility 0s .3s;transition:opacity .3s 0s, visibility 0s .3s;}
#back-to-top.btt-visible, #back-to-top.btt-faded, #back-to-top:hover {-webkit-transition:opacity .3s 0s, visibility 0s 0s;-moz-transition:opacity .3s 0s, visibility 0s 0s;transition:opacity .3s 0s, visibility 0s 0s;}
#back-to-top.btt-visible {visibility:visible;opacity:1;}
#back-to-top.btt-faded {opacity:0.5;}

/* LARGE */

@media screen and (min-width : 1025px) {
	nav.global .hamburger {display:none;}
  #back-to-top {height:60px;width:60px;right:30px;bottom:30px;}
}

/* MEDIUM */

@media screen and (min-width : 641px) and (max-width : 1024px) {
	nav.global i {display:none}
	nav.global .hamburger {display:none;}
  #back-to-top {right:20px;bottom:20px;}
}

/* SMALL */

@media screen and (max-width : 640px) {
	nav.global a.entry {display: none; width:100%; text-align:center;}
	#back-to-top {right:20px;bottom:20px;}
}