@font-face
{
    font-family: 'Graffiti1CTT';
    src: url('../fonts/graffiti1ctt/graffiti1ctt.eot');
    src: url('../fonts/graffiti1ctt/graffiti1ctt.eot?#iefix') format('embedded-opentype'),
         url('../fonts/graffiti1ctt/graffiti1ctt.woff') format('woff'),
         url('../fonts/graffiti1ctt/graffiti1ctt.ttf') format('truetype'),
         url('../fonts/graffiti1ctt/graffiti1ctt.svg#FontName') format('svg');
    font-style: normal;
    font-weight: normal;
}

@font-face
{
    font-family: 'Boycott';
    src: url('../fonts/Boycott/Boycott.woff') format('woff');
    src: url('../fonts/Boycott/Boycott.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
}

@font-face
{
    font-family: 'Capture It';
    src: url('../fonts/CaptureIt/CaptureIt.woff') format('woff');
    src: url('../fonts/CaptureIt/CaptureIt.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
}

@font-face
{
    font-family: 'Amaz';
    src: url('../fonts/Amaz/Amaz.woff') format('woff');
    src: url('../fonts/Amaz/Amaz.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
}

#boycott
{
    font-family: 'Boycott', arial;
}

#graffiti
{
     font-family: 'Graffiti1CTT', arial;
        text-shadow: 1px 1px 2px #000000;
}

#amaz
{
     font-family: 'Amaz', arial;
}

#captureit
{
     font-family: 'Capture It', arial;
}

body
{
    padding-top: 40px;
    /* background-color: #222; */
    background: -webkit-linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), url("../img/Textures/grnd_rock.png");
    background: rgba(34, 34, 34, 1), url(../img/Textures/grnd_rock.png);
    /* bgcolor: rgb(34, 34, 34); */
}

/* .row
{
    background: rgba(34, 34, 34, 0.233);
    height: 100%;
    z-index: 2;
} */

/* .lead_text
{
    color: #b2d49a;
} */

#about p
{
    color: #b2d49a;
}

.outro
{
    color: #dbad87;
    /* color: #d4b49a; */
    text-shadow: 1px 1px 2px #000000;
}

h1, h2, h3, h4
{
    font-family: 'Graffiti1CTT', arial;
}

h1
{
    /* color: #47adcb; */
    color: #71cb47;
}

.divider
{
    background-image: url(../img/divider-pattern.png);
    background-repeat: repeat-x;
    height: 40px;
    width: 100%;
}

.navbar .brand
{
    font-family: 'Boycott';
    font-size: 28px;
}

.carousel img
{
    width: 100%;
    /* height: 550px; */
    object-fit: cover;
}

.carousel-caption
{
    background: none;
    max-width: 800px;
    top: 150px;
    padding: 0 200px;
}

.carousel-caption h1
{
    text-shadow: 0px 2px #222;
}

    .carousel-caption a
{
    margin-top: 20px;
}

#heading, #screenshots, #features, #download
{
    text-align: center;
    padding: 50px 0;
}

#about div.row
{
    padding: 50px 0;
}

#screenshots h1
{
    padding-bottom: 30px;
}

footer
{
    background-color: #1b1b1b;
    color: #999999;
}

footer .span12
{
        text-align: center;
}

#social li a
{
    background-image: url(../img/social-media-icons.png);
    background-repeat: no-repeat;
    display: block;
    height: 32px;
    width: 32px;
}

#social li a.facebook-icon
{
    background-position: 0px 0px;
}

#social li a:hover.facebook-icon
{
    background-position: 0px -32px;
}


#social li a.twitter-icon
{
    background-position: -32px 0px;
}

#social li a:hover.twitter-icon
{
    background-position: -32px -32px;
}

#social li a.google-icon
{
    background-position: -64px 0px;
}

#social li a:hover.google-icon
{
    background-position: -64px -32px;
}

.element-animation
{
    margin: 2rem 0;
    font-size: 3rem;
    opacity: 0;
}

.element-animation.element-show
{
    opacity: 1;
    transition: opacity 1s;
}