*{
    font-family:'Roboto Condensed', 'Helvetica', 'Arial';
    font-weight:400;
}

html, body{
    min-height:100%;
}

a{
    color:#4d65ff;
}

a:hover, a:focus{
    color:#303F9F;
}

.color-header{
    margin-top:20px;
    background:#fff;
    margin-bottom:20px;
}

.jumbotron{
    background:none;
    text-align:center;
}

.logo-image{
    width:150px;
    height:150px;
}

.navbar-default{
    background:none;
    border:none;
    border-radius:0;
}

.navbar-default .navbar-toggle:focus{
    background:#fff;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus{
    color:#303f9f;
    background:none;
}

.jumbotron h1{
    font-size:72px;
    font-weight:400;
}

.sub-header{
    font-size:42px;
    font-weight:300;
}

.jumbotron h1, .sub-header{
    font-family:'Roboto Condensed', 'Helvetica', 'Arial';
    text-align:center;
}

.footer{
    width:100%;
    min-height:60px;
    text-align:center;
    border-top:1px #ddd solid;
    padding-top:10px;
}

.social-media{
    font-size:38px;
}

.twitter{
    color:#55acee;
}

.twitter:hover{
    color:#4c99d4;
}

.github{
    color:#444444;
}

.github:hover{
    color:#2b2b2b;
}

.facebook{
    color:#3b5998;
}

.facebook:hover{
    color:#314b80;
}

.content{
    font-size:16px;
    max-width:840px;
    margin:0 auto;
}

.content h1, .content h2, .content h3, .content h4, .content h5, .content h6{
    text-align:center;
}

.sub-content{
    margin:180px 0 0 0;
}

.sub-content-image{
    width:100%;
    height:auto;
}

/* We'll never go out of style https://www.youtube.com/watch?v=-CmadmM5cOk */
@keyframes fade-into-view{
    /* It's been a while since I have even heard from you */
    0%   {opacity:0;}
    100% {opacity:1;}
}

.logo-image{
    animation-name:fade-into-view;
    animation-duration:1.15s;
    /* Watch it go round and round each time */
    /*animation-iteration-count:infinite;*/
}

.jumbotron h1, .sub-header, .content{
    animation-name:fade-into-view;
    animation-duration:.7s;
}

#fullmonty{
    position:relative;
}

@media(max-width:768px){
    .sub-header{
        font-size:38px;
    }
    .navbar-default .navbar-nav>li>a{
        font-size:16px;
    }
}

@media(min-width:768px){
    .content{
        font-size:18px;
    }
    .navbar-brand{
        font-size:20px;
    }
    .navbar-default .navbar-nav>li>a{
        font-size:18px;
    }
}