html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    background-color: #000000;
    color: #000000;
    font-family: 'Abel', 'Arial', sans-serif;
    font-weight: 300;
    font-size: 20px;
    text-rendering: optimizeLegibility;
    background-color: #000000;
    background-image: url(img/debut_dark.png);
    background-size: auto;
}

body {
    font-family: 'Abel', 'Arial', sans-serif;
    background-image: url(img/debut_dark.png);
    background-size: auto;
}

.navbar-inverse {
    background: #222222;
    border: 0;
    margin: 0;
}

.navbar-inverse .navbar-nav li a {
    color: #dbdada;
    font-size: 16px;
}

.navbar-inverse .navbar-nav li a:hover {
    background: #bababa;
}

.dropdown-menu {
    background: #2E2F31;
    border-radius: 0;
    border: 0;
}

.dropdown-menu li a {
    padding: 10px;
}

.navbar-inverse .navbar-nav .dropdown-menu li a:hover {
    background: #848484;
}

.jumbotron {
    height: 93vh;
    width: 100%;
    max-height: 50%;
    max-width: 100%;
    min-height: 20%;
    min-width: 30%;
    background-image: linear-gradient(rgba(0, 0, 0, 0.70), rgba(0, 0, 0, 0.70)), url("img/hero.jpg");
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    text-align: center;
    color: #ffffff;
    margin-bottom: 0;

}

}

.jumbotron p {
    color: white;
    font-size: 26px;
}


.btn-primary {
    color: #ffffff;
    background-color: #5f5c5c;
    border-color: #000000;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:active:focus,
.btn-primary.active {
    color: #ffffff;
    background-color: #a7a7a7;
    border-color: #a7a7a7;
}

.jumbotron-about {
    height: 200px;
    width: 100%;
    max-height: 50%;
    max-width: 100%;
    min-height: 20%;
    min-width: 30%;
    background-image: linear-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.90)), url("img/abouthead.jpg");
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    text-align: center;
    color: #ffffff;
}

.jumbotron-contact {
    height: 200px;
    width: 100%;
    max-height: 50%;
    max-width: 100%;
    min-height: 20%;
    min-width: 30%;
    background-image: linear-gradient(rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0.90)), url("img/abouthead.jpg");
    background-repeat: no-repeat;
    background-position: center;
    -webkit-background-size: cover;
    background-size: cover;
    text-align: center;
    color: #ffffff;
}

.aboutrows {
    padding-top: 35px;
    height: 100vh;
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    background-color: #000000;
    background-image: url(img/debut_dark.png);
    background-size: auto;
}

.logo {
    height: 200px;
    width: auto;
    border-radius: 40%;
    border-color: #ffffff;
}

.aboutfaces {
    margin-top: 50px;
}

.glyphicon-large {
    font-size: 100px;
}

.call-to-action {
    padding-top: 100px;
    height: 100vh;
    color: #ffffff;
    text-align: center;
    font-size: 20px;
    background-color: #000000;
    background-color: #000000;
    background-image: url(img/debut_dark.png);
    background-size: auto;
    text-align: center;
    color: #ffffff;
    margin-bottom: 0;
    text-align: center;
    font-size: 20px;

}

.call-to-action p,
h3 {
    margin-bottom: 30px;
    color: #ffffff;
}

.contactblurb {
    color: #ffffff;
    font-size: 20px;
    text-align: justify;
    padding-top: 20px;
    margin-left: 25%;
    margin-right: 25%;
}


.shirts {
    margin-bottom: 30px;
    border-radius: 30%;
    background-image: url(img/debut_dark.png);


}

.aboutfulc {
    text-align: justify;
    font-size: 17px;
    background-color: #ffffff;
    background-color: hsla(0, 100%, 100%, 0.1);
}

h1 + p {
    /* this could screw up later edits so check it :) */
    background-color: #ffffff;
    background-color: hsla(0, 100%, 100%, 0.1);
}



.embed-responsive {
    background-image: url(img/debut_dark.png);
    background-size: auto;
}

.divider20 {
    min-height: 20px;
    max-height: 20px;
}





.gig {
    margin: 10px
}



.gallinks img {
    border-radius: 5%;
}

.aboutdivider {
     min-width: 200px;
    max-width: 200px;
    border-bottom: 1px solid;
    margin: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}

.aboutpic {
    border-radius: 9%;
}

.videobox {
    max-height: 300px;
    max-width: 500px;
}

.white {
    color: #fff;
}