img {
    border: 0;
}

.aright {
    text-align: right
}

.aleft {
    text-align: left;
}

input {
    outline: none;
    text-transform: uppercase;
    font-size: 14px;
    letter-spacing: 1px;
}

.logo img {
    width: 100%;
    height: auto
}


/* TITLES */

h1,
h2,
h3,
h4,
h5,
.title {
    margin-bottom: 1em;
}

a {
    text-decoration: none !important;
    text-style: none !important;
    transition: all 0.25s ease;
}

a:hover {
    transition: all 0.25s ease;
}


/* MENU */

nav ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

nav li {
    position: relative;
    display: inline-block !important;
    width: auto !important;
    margin-right: 2em !important;
}

nav li:last-child {
    margin-right: 0
}

nav > ul > li > span {
    display: none
}

nav > ul > li > a {
    padding: 0
}

nav ul ul {
    /* this targets all sub menus */
    display: none;
    /* hide all sub menus from view */
    position: absolute;
    top: 40px;
    /* this should be the same height as the top level menu -- height + padding + borders */
    left: 0
}

nav ul ul li {
    /* this targets all submenu items */
    float: none;
    /* overwriting our float up above */
    width: 250px;
    /* set to the width you want your sub menus to be. This needs to match the value we set below */
    background: #3b3a3a;
    text-align: left
}

nav ul ul li a {
    /* target all sub menu item links */
    /* give our sub menu links a nice button feel */
    text-transform: uppercase;
    color: #fff;
    display: block;
}

nav ul ul li:hover {
    background: #d5080d
}

nav ul ul li a:hover {
    color: #000;
    background: #d5080d
}

nav ul li:hover > ul {
    display: block
}


/* HIDE */

.desktop {
    display: block
}

.mobile {
    display: none;
}


/* PARALLAX BG */


/* background setup */

.background {
    background-repeat: no-repeat;
    /* custom background-position */
    background-position: 50% 50%;
    /* ie8- graceful degradation */
    background-position: 50% 50%\9 !important;
}


/* fullscreen setup */

html,
body {
    /* give this to all tags from html to .fullscreen */
    height: 100%;
}

.fullscreen,
.content-a {
    width: 100%;
    min-height: 100%;
}

.not-fullscreen,
.not-fullscreen .content-a,
.fullscreen.not-overflow,
.fullscreen.not-overflow .content-a {
    height: 100%;
    overflow: hidden;
}


/* content centering styles */

.content-a {
    display: table;
}

.content-b {
    display: table-cell;
    position: relative;
    vertical-align: middle;
    text-align: center;
}


/* visual styles */

.not-fullscreen {
    height: 50%;
}