html, body {
    background: #1B1D1F;
}
.famaTitle {
    background: url("/img/cover.jpg");
    height: 800px !important;
    border-bottom: 5px solid #971A18;
}
.titleHeadline {
    width: 700px;
    color: #fff;
    font-family: 'Poppins', sans-serif;
    margin-top: 250px;
}
h1 {
    font-family: 'Poppins', sans-serif;
    font-weight: bold;
    font-size: 75px;
}
h2 {
    font-family: 'Poppins', sans-serif;
    font-weight: bold;
    font-size: 65px;
    color: #fff;
    text-align: center;
    margin-top: 60px !important;
    margin-bottom: 20px;
}
h3 {
    font-family: 'Poppins', sans-serif;
    font-weight: bold;
    font-size: 40px;
    color: #fff;
}
h4 {
    font-family: 'Poppins', sans-serif;
    font-weight: bold;
    font-size: 20px;
    color: #fff;
}
.subtext {
    color: #707070;
    text-align: center;
    font-size: 16px;
    width: 800px;
    margin: 0 auto;
}
.highlight {
    color: #971A18;
}
.bottomLine {
    border-bottom: 5px solid #971A18;
}
.raidProgress {
    padding-bottom: 50px;
}
.table>:not(caption)>*>* {
    border: 0;
}
.progressBox {
    margin-top: 50px;
    margin-bottom: 10px;
}
.raidingTime {
    background: #303030;
    border: 1px solid #707070;
    text-align: center;
    padding-top: 30px;
    padding-bottom: 50px;
}
.className {
    color: #fff;
    font-family: 'Poppins', sans-serif;
    font-size: 24px;
    font-weight: bold;
    width: 190px;
    text-align: left;
}
.groupName {
    color: #971A18;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    text-align: left;
}
.btn-red {
    width: 220px;
    height: 55px;
    background: #971A18;
    color: #fff;
    text-align: center;
    font-weight: bold;
}
.heroButton {
    width: 220px;
    height: 55px;
    line-height: 55px;
    background: #971A18;
    color: #fff;
    text-align: center;
    font-weight: bold;
    display: block;
    margin-right: 10px;
}
.heroButton:hover {
    color: #fff;
}
.btn-white {
    width: 220px;
    height: 55px;
    font-weight: bold;
    text-align: center;
    background: #fff;
    color: #971A18;
}
.btn-white:hover {
    color: #971A18;
}
.classIcon {
    margin-right: 15px;
}
.specIcon {
    text-align: right;
    width: 100%;
}
.bewerbungContainer {
    margin-top: 100px;
}
.darkInput {
    background: #1B1D1F;
    border: 1px solid #707070;
    color: #707070;
}
.bewerbungsForm {
    border: 2px solid #292929;
    margin-top: 50px;
    font-family: 'Poppins', sans-serif;
}
.footerContainer {
    display: block;
    color: #707070;
    padding-top: 20px;
    padding-bottom: 20px;
}
.footerContainer a {
    display: inline;
    color: #707070;
}
.bewerbungsForm td {
    border: 0;
    color: #fff;
}
.table-striped>tbody>tr:nth-of-type(odd) {
    background: #292929;
}
.recruitingBox {
    background: #303030;
    border: 1px solid #707070;
    text-align: center;
    padding-top: 12px;
    padding-bottom: 12px;
    margin-right: 10px;
    margin-bottom: 10px;
}
.recruitingBox:last-child {
    margin-right: 10px;
}
.recruitingContainer {
    margin-top: 50px;
    margin-bottom: 50px;
}
.raidTimeContainer {
    margin-top: 40px;
}
.raidDay {
    color: #fff;
    font-size: 18px;
    margin-top: 20px;
}
.raidInfo {
    color: #707070;
    margin-top: 20px;
}
.centerTime {
    margin-right: 20px;
    margin-left: 20px;
}
.nathria, .nyalotha, .palace, .mplus {
    text-align: center;
    padding-top: 35px;
    background: url("/img/incarnates.png");
    background-size: cover;
}
.mplus {
    background: url("/img/mplus.png");
    background-size: cover;
}
.nyalotha {
    background: url("/img/nyalotha.png");
    background-size: cover;
}
.mplusBox {
    margin: 0 auto;
    margin-top: 20px;
    padding:  20px;
    width: 400px;
    background: rgba(41, 41, 41, 0.8);
    border: 1px solid #707070;
    color: #fff;
    text-align: left;
}
.progressContent {
    margin: 0 auto;
    margin-top: 20px;
    padding:  20px;
    width: 400px;
    background: rgba(41, 41, 41, 0.8);
    border: 1px solid #707070;
    color: #fff;
    text-align: left;
}
.progressContent table, .progressContent .table-striped, .table-striped>tbody>tr:nth-of-type(odd) {
    color: #fff;
}
.cleared {
    color: #1b6d1b;
    font-weight: bold;
}
.noprogress {
    color: #707070;
}
.raidprogresscolor {
    color: #c0af13;
    font-weight: bold;
}
.mplusRanks div {
    min-width: 30px;
}
.parallax {
    background-image: url("/img/dragonflight.jpg");
    height: 300px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 120px;
    margin-bottom: 30px;
}
.parallax-christmas {
    background-image: url("/img/members.jpg");
    height: 300px;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-top: 120px;
    margin-bottom: 30px;
}
.contactContainer {
    background: #303030;
    padding-bottom: 100px;
}
.btn-discord {
    background: #7289DA;
    height: 70px;
    padding: 15px 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-weight: bold;
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
}
.btn-discord:hover {
    background: #4c5c97;
}
.rankBox {
    margin-top: 50px;
}
.discordImage {
    margin-right: 15px;
}
.playerBox {
    width: 240px;
    height: 70px;
    padding: 10px;
    font-weight: bold;
    font-family: 'Poppins', sans-serif;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin-right: 15px;
    margin-bottom: 15px;
}
.playerInfo {
    font-size: 12px;
    font-weight: normal;
}
.memberContainer {
    margin-bottom: 50px;
}
.progressText {
    color: #fff;
    font-weight: bold;
    font-family: 'Poppins', sans-serif;
    line-height: 45px;
    margin-top: 50px;
    font-size: 20px;
}
.float-right {
    float: right;
}
.success {
    color: #fff;
    background: green;
    padding: 20px;
    font-size: 14px;
    font-family: 'Poppins', sans-serif;
    margin-top: 50px;
}
.class-monk {
    background: #008467;
    color: #fff;
}
.class-evoker {
    background: #33937f;
    color: #fff;
}
.class-rogue {
    background: #d4cb40;
    color: #fff;
}
.class-warlock {
    background: #9482C9;
    color: #fff;
}
.class-shaman {
    background: #0070DE;
    color: #fff;
}
.class-hunter {
    background: #7fb633;
    color: #fff;
}
.class-priest {
    background: #c0c0c0;
    color: #fff;
}
.class-druid {
    background: #FF7D0A;
    color: #fff;
}
.class-mage {
    background: #69CCF0;
    color: #fff;
}
.class-demonhunter {
    background: #a330c9;
    color: #fff;
}
.class-paladin {
    background: #F58CBA;
    color: #fff;
}
.class-warrior {
    background: #C79C6E;
    color: #fff;
}
.class-deathknight {
    background: #C41F3B;
    color: #fff;
}