@import url(https://fonts.googleapis.com/css?family=Lato);

body, html {
    height: 100%;
    font-family: 'Lato', sans-serif;
    color: #FFF;
    background: #322f30;
    -webkit-font-smoothing: antialiased;
}
a {
    text-decoration: none;
    color: #fff;
}
p > a:hover{
    color: #d9d9d9;
    text-decoration:  underline;
}
/*h1 { font-size: 8vw; font-weight: bold; } 
h2 { font-size: 5.5vw; font-weight: bold; } 
h3 { font-size: 4.5vw; }
p { font-size: 5vw; } 
*/
h1 { font-size: 3em; font-weight: bold; } 
h2 { font-size: 2.25em; font-weight: bold; } 
h3 { font-size: 2em; }
p { font-size: 1.2em; } 

.bg {
    background-image: url("../img/bground.jpg");
    min-height: 100%;
    width: 100%;
    background-position: center;
    background-size: cover;
}

.img-fluid-figlogo {
    transform: scale(0.8);
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    }
.img-fluid-figlogo:hover {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
    transform: scale(1);
}

.copyright-text {
    color: white
}
.sf3-orange-text {
    color: #ff7a39
}

.bg-video {
    width: 100% !important;
    height: auto !important;
    z-index:2;
} 

.overlay {
    position:absolute;
    top:0;
    left:0;
    height:100%;
    z-index:1;
}

.main-body-text {
    background-color:#322f30;
}

ul {
    padding:0;
    list-style: none;
}
.footer-social-icons {
    display:block;
    margin: 0 auto;
}
.social-icon {
    color: #fff;
}
ul.social-icons {
    margin-top: 10px;
}
.social-icons li {
    vertical-align: top;
    display: inline;
}
.social-icons a {
    color: #fff;
    text-decoration: none;
}
.fa-font {
    font-size:2em;
}
.fa-discord {
    padding:0.25em 0.2em;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.fa-discord:hover {
    background-color: #7289DA;
}
.fa-facebook {
    /* padding:10px 14px; */
    padding:0.25em 0.2em;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.fa-facebook:hover {
    background-color: #3d5b99;
}
.fa-twitter {
    /* padding:10px 12px; */
    padding:0.25em 0.2em;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.fa-twitter:hover {
    background-color: #00aced;
}
.fa-youtube {
    /* padding:10px 14px; */
    padding:0.25em 0.3em;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.fa-youtube:hover {
    background-color: #e64a41;
}
.fa-twitch {
     /* padding:10px 9px; */
     padding:0.25em 0.1em;
     -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.fa-twitch:hover {
    background-color: #6441a5;
}
.fa-instagram {
    /* padding:10px 12px; */
    padding:0.25em 0.2em;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition: .5s;
    background-color: #322f30;
}
.fa-instagram:hover {
    background-color: #d83074;
}

.newsletter-form-button {
    background-color: #ff7a39;
    height: 100%;
    border: none;
    color: white;
    text-align: center;
    text-decoration: none;
}

.newsletter-form-email-input {
    outline: none;
    height: 100%;
}