/* STYLES.
----------------------------------------------------------*/
@font-face {
    font-family: 'bebas_neueregular';
    src: url('/assets/bebasneue-webfont.eot');
    src: url('/assets/bebasneue-webfont.eot?#iefix') format('embedded-opentype'),
         url('/assets/bebasneue-webfont.woff') format('woff'),
         url('/assets/bebasneue-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    height: 100%;
}

header {
    position: relative;
    display: inline-block;
}

body {
    margin: 0;
    font-weight: normal;
    line-height: 1.2em;
    height: 100%;
}

#brandon-page {
    height: 100%;
}


/*  JUST SOME COMMON STUFF, BUT WHATEVER.
---------------------------------------*/
a, li{
    text-decoration: underline;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	color: #ffffff;
}

.brandon-wrapper {
    height: 100%;
    overflow: hidden;
}

.brandon-content {
    margin: auto;
    padding: 20px;
    max-width: 1100px;
    width: 100%;
    height: 100%;
    position: relative;
    top: 20%;
}


/* MORE STYLES.
-------------------------------------------*/
h1, h2, h2 a, p {
    color: #FFF;
    margin: 0;
    font-weight: 400;
    line-height: 1em;
}

h1,
h2 {
    text-transform: uppercase;
    margin-bottom: 10px;
}

h1 {
    font-size: 90px;
}

h2,
h2 a,
p {
    font-size: 60px;
}

#brandon-page .brandon-wrapper {
    height: 100%;
}

h2 a {
    color: rgba(255,255,255,0.6);
}

::selection {
    color:white;background:#000000;
}

::-moz-selection {
    color:white;background:#000000;
}

/* XTRAS
-----------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
    h1 {
        font-size: 90px;
    }
    .h2.title-404 {
        font-size: 60px;
    }
	h2, h2 a, p, a {
        font-size: 40px;
    }
}

/* THE END. 

                |\ |\
                | \| \
                |  |  :
           _____l__l  |
         .'            '.
       .'                '
       |   ..             '
       |  /__.            |
       :.' -'             |
      /__.                |
     /__, \               |
        |__\        _|    |
        :  '\     .'|     |
        |___|_,,,/  |     |    _..--.
     ,--_-   |     /'      \../ /  /\\
    ,'|_ |---|    /    ,,,_/ / ,  / _\\
  ,-- | \|  / ___..,,/   /  ,  ,_/   '-----.
 /   ,   \  |/  ,____,,,__,,__/            '\
,   ,     \__,,/                             |
| '.       _..---.._                         !.
! |      .' B_L_C_. '.                        |
.:'      | (-_ _--')  :          |            !
.'.       '.  Y    _.'             \,         :
 .          '-----'                 !          .
 .           /  \                   .          .
------------------------------------------------------------------*/