/*--------------------------------------------------------------
# 01 Base
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# 01.1 Default
--------------------------------------------------------------*/

body,
button,
input,
select,
optgroup,
textarea,
.article {
    margin: auto;
}

a {
    text-decoration: none;
}

p,
a,
ul,
ol,
pre,
table,
blockquote {
    margin-top: 0em;
    margin-bottom: 1.25em;
    color: #7f7f7f;
}

ul ul,
ol ol,
ul ol,
ol ul {
    margin-top: 0em;
    margin-bottom: 0em;
}

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


/* Let's make sure all's aligned */

hr,
.hr {
    border: 1px solid;
    margin: -1px 0;
}

a,
b,
i,
strong,
em,
small,
code {
    line-height: 1.25;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

form {
    padding: 3em 0;
    width: 50%;
}

article {
    display: block;
}


/*--------------------------------------------------------------
## 01.2 Color
--------------------------------------------------------------*/


/*--------------------------------------------------------------
### 01.2.1 Background
--------------------------------------------------------------*/

.body-bg {
    background-color: #e6e6e6;
}


/*--------------------------------------------------------------
### 01.2.2 Fonts
--------------------------------------------------------------*/

.primary-color {
    color: #1ba1db;
}


/*--------------------------------------------------------------
# 01.3 Typography
--------------------------------------------------------------*/

html,
body,
.root {
    font-family: "Gothic A1", sans-serif;
    font-size: 14px;
    line-height: 1.25;
    height: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    clear: both;
    color: #373737;
    font-family: "Roboto", sans-serif;
    font-weight: 700;
}

h1,
.h1 {
    font-size: 2.027rem;
}

h2,
.h2 {
    font-size: 1.802rem;
}

h3,
.h3 {
    font-size: 1.375rem;
}

h4,
.h4 {
    font-size: 1.125rem;
}

h5,
.h5 {
    font-size: 1.266rem;
}

h6,
.h6 {
    font-size: 1.125rem;
}

small,
.small,
.text_small {
    font-size: 0.75em;
}

.subscript {
    font-size: 75%;
}

.superscript {
    font-size: 125%;
}

b,
strong,
.txt-bold,
.text-strong {
    font-weight: 700;
}

dfn,
cite,
em,
i {
    font-style: italic;
}

.fa-1-25x {
    font-size: 1.25em;
}


/*--------------------------------------------------------------
# 03 Modules
--------------------------------------------------------------*/


/*--------------------------------------------------------------
## 03.1 Media Queries
--------------------------------------------------------------*/


/*--------------------------------------------------------------
### 03.1.1 Navigation
--------------------------------------------------------------*/

nav {
    background-color: transparent;
}

.navbar-nav .nav-link {
    color: #1ba1db;
}


/*--------------------------------------------------------------
### 03.1.2 Navbar
--------------------------------------------------------------*/

.justify-content-end {
    width: 100%;
}


/*--------------------------------------------------------------
## 03.7 Images
--------------------------------------------------------------*/

.m-logo-img {
    padding: 24px 0 0 .25em;
    width: 25%;
    height: auto;
    position: relative;
}


/*--------------------------------------------------------------
## 03.8 Media Queries
--------------------------------------------------------------*/

.container {
    width: 1152px;
    margin: 0 auto;
}


/*--------------------------------------------------------------
### 03.8.5 Television
--------------------------------------------------------------*/

@media only screen and (min-width: 1140px) {
    html,
    body,
    .root {
        font-size: 16px;
    }
    h1,
    .h1 {
        font-size: 5.611rem;
    }
    h2,
    .h2 {
        font-size: 4.209rem;
    }
    h3,
    .h3 {
        font-size: 3.157rem;
    }
    h4,
    .h4 {
        font-size: 2.369rem;
    }
    h5,
    .h5 {
        font-size: 1.777rem;
    }
    h6,
    .h6 {
        font-size: 1.333rem;
    }
    .hero h1 {
        margin: 1em auto 0 auto;
    }
    .m-logo-img {
        width: 25%;
    }
}

.navbar-nav .active>.nav-link {
    font-weight: 700;
    text-shadow: 2px 2px 5px #18520a;
}


/*# sourceMappingURL=app.css.map */