body {
    font-family: 'Muli', sans-serif;

}



.header {
    height: 800px;
    background-image: url(../img/header-background.jpg);
    background-size: cover;
    

    background-position: 50% 50%;

    }

.header-navbar-links {
    color: white;
    float: right;
    margin-top: 50px;
    


}

.header-navbar-links li {

    float: left;
    list-style-type: none;
    margin-left: 26px;
    text-shadow: 0px 0px 3px black;
}

.header-navbar-links a {
    color: white;
    text-decoration: none;
    transition: all 0.5s;
}

.header-navbar-links a:hover{
    color: rgb(200, 200, 200);
}
.header-brand-wrapper {
     margin-top: 50px;
     
     float: left;
     text-shadow: 0px 0px 3px black;

}


.header-brand {
    
    color: white;
    text-decoration: none;
    font-weight: bold;
    font-size: 150%;
    display: block;
    margin-top: -10%;
    
    


}

.slogan {
    color: white;
    text-align: center;
    padding-top: 160px;
    text-shadow: 0px 0px 3px black;


}

.slogan-top {
    font-size: 150%;
    font-weight: lighter;
    


}

.slogan-bottom {
    font-size: 200%;
    font-weight: bold;

}

.slogan-button {
    color: white;
    text-shadow: 0px 0px 3px black;
    margin-top: 30px;
    text-decoration: none;

}
.slogan-button a{text-decoration: none;}

.slogan-button:hover {
    color: white;
    text-shadow: 0px 0px 3px black;
}

.vita{
    padding-top: 100px;
    padding-bottom: 100px;
    color: #1e1e1e;

}
.vita p{
    color: #757575;

}
.vita-icon {
    
    text-align: center;
    color: #e0e0e0;
    font-size: 1200%;

}

.contact {
    background-color: #26354A;
    padding-top: 100px;
    padding-bottom: 100px;

}

.contact-heading {
    color: white;
    font-weight: lighter;
    margin-bottom: 15px;

}

.contact-subheading {
    color: white;
    font-weight: lighter;
}

.contact-methods {
    color: white;
    list-style-type: none;

}

.contact-methods li {
    font-weight: lighter;
    height: 2em;
    


}

.contact-methods .fa {

    font-size: 150%;

}

.contact-icon {
    display: inline-block;
    width: 40px;
    text-align: center;

}
.contact-input{
    width: 100%;
    margin-bottom: 28px;
    background-color: white;
}

.contact-message{
    height: 140px;
}
.contact-input:focus,
input.contact-submit:focus {
    background-color: rgb(230, 230, 230);
    border: 1px solid rgb(30, 30, 30);
    transition: all 0.5s;

}
.contact-form{
    margin-bottom: 0px;

}

.footer{
    background-color:#26354A;
    text-align: center;
    color: white;
    font-weight:lighter;
}
.footer a {
    color: white;
    text-decoration: none;
}

.footer-hr {

    margin-top:0px;
    margin-bottom: 25px;

}

.feature-icon:hover {
    transform: rotate(30deg);
}