header#vbd-header {overflow-x:scroll; -webkit-overflow-scrolling:touch; overflow-y:hidden; white-space:nowrap; z-index:1; box-sizing:border-box; padding:0; position:relative; background:#141920;  -ms-overflow-style: none;}
header#vbd-header::-webkit-scrollbar {display:none; /* hides scroll bar */}
nav.main {display:inline-block; width:100%; text-transform:capitalize; padding:0; box-sizing:border-box; font-size:0; vertical-align:middle; font-family:'Gloria Hallelujah', cursive;}
nav.main a, nav.main a:link, nav.main a:visited {color:#fff; /*#CACBCD    this is the blue #0084ff */ text-decoration:none; display:inline-block; font-size:1.3rem; height:90px; line-height:90px; vertical-align:middle; display:inline-block; padding:0 16px; opacity:.9;}
nav.main a:nth-child(1) {opacity:.95;}
nav.main a:hover {opacity:1;}
nav.main a:nth-child(1):hover {background:#27313F;}
nav.main a:nth-child(2):hover {background:#303d4f;}
nav.main a:nth-child(3):hover {background:#3a495f;}
nav.main a:nth-child(4):hover {background:#44566f;}
nav.main a:nth-child(5):hover {background:#4e627e;}
nav.main a:nth-child(6):hover {background:#576e8e;}
nav.main a:nth-child(7):hover {background:#617a9e;}
nav.main #logo {display:inline-block; vertical-align:middle; text-decoration:none;opacity:1;}
nav.main #logo img {width:auto; height:36px; vertical-align:middle; position:relative; top:-5px;}
input.search-field {padding:1%; text-align:center;}

header#header {display:none;}

#page {background:#DDD3CD url(http://www.violentbydesign.com/assets/images/seperator.png) repeat-x 10% bottom; min-height:calc(100vh - 176px) /* subtract height footer + header + padding top & bottom of content div */; padding:0 0 64px!important; position:relative}
#page .limiter {max-width:1024px; margin:0 auto;}

section#posts {padding:32px 20px!important;}

#contact {background:#241F1D; min-height:100px; height:25vh; text-align:center; position:relative; line-height:1em; display: table; width:100%; font-family:'Gloria Hallelujah', cursive;}
#contact div {display: table-cell; vertical-align: middle; }
#contact a {color:#cacbcd; margin:5%; white-space:nowrap; font-size:1.33rem; line-height:3rem; text-decoration:none; }

footer#vbd-footer {
background-color:#141920;
background-image:url(http://www.violentbydesign.com/assets/images/seperator2.png), url(http://www.violentbydesign.com/assets/images/logo.png);
background-position:-10% top, center center;
background-repeat:repeat-x, no-repeat;
background-size:auto, 50%;
background-attachment:scroll,scroll;

 /* background logo has an aspect ratio 477:314 */
width:100%;
height:70vh;
min-height:378px;
}

footer#vbd-footer small {display:block; position:absolute; bottom:0; left:0; right:0; text-align:center; }
footer#vbd-footer a[href="#top"] {display:none;}
@media only screen and (min-width:768px) {
footer#vbd-footer {background-size:auto, auto;}
}
@media only screen and (min-width:1280px) {
footer#vbd-footer a[href="#top"] {display:block; position:fixed; right:1%; bottom:1%; color:#fff; text-decoration:none; display:none;}
}


.link-wrapper .link-title:after {font-family: FontAwesome; content:" \f08e"!important;}