/***************************************
* FONTS
***************************************/
@font-face {
    font-family: Barlow;
    src: url('../fonts/barlow-bold.woff2') format('woff2'), url('../fonts/barlow-bold.woff') format('woff');
    font-weight: bold;
}
@font-face {
    font-family: Barlow;
    src: url('../fonts/barlow-regular.woff2') format('woff2'), url('../fonts/barlow-regular.woff') format('woff');
    font-weight: lighter;
}
@font-face {
    font-family: Barlow;
    src: url('../fonts/barlow-medium.woff2') format('woff2'), url('../fonts/barlow-medium.woff') format('woff');
    font-weight: normal;
}

@font-face {
    font-family: lacquer;
    src: url('../fonts/lacquer.woff2') format('woff2'), url('../fonts/lacquer.woff') format('woff');
    font-weight: normal;
}

/***************************************
* GENERIC DEFINITIONS
***************************************/
*, p, h1, h2, h4, h5, h6, span, input, a, div {
    font-family: Barlow;
}
body {
    background: #000;
    overflow-x: hidden;
    overflow-y: scroll !important;
}
.lacquer {
    font-family: lacquer;
}
.text-white {
    color: #fff;
}

.text-black {
    color: #000000;
}

.text-orange {
    color: #fd4c01;
}

.bg-white {
    background: #fff;
}

.bg-black {
    background: #000;
}

.bg-orange {
    background: #fd4c01;
}

.border-white {
    border: solid 1px #fff;
}

.border-black {
    border: solid 1px #1F222E;
}

.border-orange {
    border: solid 1px #fd4c01;
}

.bg-image {
    background: url(../imagenes/Haunted-Office-Overlay.png) no-repeat;
    background-size: cover;
    background-position: top;
}

.btn-orange {
    color: #fff;
    background: #fd4c01;
    border-radius: 50px;
    border:none;
    padding: 0 60px;
    font-size: 1.2em;
    cursor: pointer;
}
.btn-orange-border {
    color: #fd4c01;
    border: solid 1px#fd4c01;
    background:transparent;
    border-radius: 50px;
    padding: 0 60px;
    font-size: 1.2em;
    cursor: pointer;
}