body {
    font-family: 'Roboto Slab', serif;
    background: #fff fixed no-repeat center top url("../images/downtown-dallas-evening.jpg");
    background-size: cover;
    color: #fff;
}

h1 {
    font-size: 4rem;
    font-weight: 600;
    text-transform: uppercase;
}

h2 {
    font-size: 3rem;
    font-weight: 600;
    text-transform: uppercase;
}

h3 {
    font-size: 1.7rem;
    font-weight: 600;
    margin: 40px 0 10px 0;
}

p {
    font-size: 1.3rem;
    font-weight: 300;
}

strong {
    font-weight: 600;
}

.form-control {
    border-radius: 0;
}

.btn {
    border-radius: 0;
}

.btn-success {
    background-color: #3c4616;
    border: 5px solid #657035;
    padding: 10px;
    font-weight: 600;
    width: 35%;
    margin: 10px;
    box-shadow: 5px 5px 0 #cbcb9b;
    text-transform: uppercase;
    text-align: center
}

.hero {
    padding: 80px 0;
    background: #fff fixed no-repeat center top url("../images/downtown-dallas-evening-light.jpg");
    background-size: cover;
}

.rdm-logo {
    width: 100%;
    max-width: 300px;
    margin: 30px auto;
    animation: move-fade 2s;
}



.about {
    opacity: .9;
    background: #657035;
    background: linear-gradient(50deg, #657035 35%, #3c4616 100%);
    padding: 120px 0;
    border-top: 5px solid #657035;
    border-bottom: 5px solid #3c4616;
}

.about h2 {
    margin-bottom: 30px;
}

.about a {
    color: #fff;
    padding: 0 3px;
}

.about a:hover {
    background: #fff;
    color: #3c4616;
}


.event {
    padding: 120px 0;
}

.event a {
    color: #fff;
    padding: 0 3px;
}

.event a:hover {
    background: #fff;
    color: #3c4616;
}

.event img {
    border: 5px solid #fff;
    width: 80%;
    max-width: 80%;
    margin: 50px 10%;
    box-shadow: 10px 10px 90px #2c3509;
    opacity: .85
}

footer {
    background: #2e2509;
    color: #fff;
    text-align: center;
    padding: 30px;
}

footer p {
    font-size: 16px;
    margin-bottom: 4px;
}

footer p:nth-child(2) {
    font-size: 14px;
}

footer p a, footer p a:hover {
    color: #fff;
    text-decoration: none;
}

 footer p a:hover {
    text-decoration: underline;
}

#info {
    background: #392e10;
    color: #eee;
}


#info a {
    color: #cccc9a;
    text-decoration: underline;
}


.sponsors {
    padding: 80px 0 0;
    /*background-color: #ffffffe6;*/
}


@keyframes move-fade {
    from {
        opacity: 0;
        top: 30px;
    }

    to {
        opacity: 1;
        top: 0px;
    }
}




@media (min-width: 576px) {}




@media (min-width: 768px) {
    h1 {
        font-size: 5rem;
    }

    h2 {
        font-size: 4rem;
    }

    h3 {
        font-size: 2.2rem;
    }

    p {
        font-size: 1.6rem;
    }

    .hero {
        padding: 120px 0;
    }

    .rdm-logo {
        max-width: 600px;
        margin: 30px auto 50px auto;
    }
}



@media (min-width: 992px) {
    .btn-success {
        font-size: 1.3rem;
        width: 35%;
    }
}



@media (min-width: 1200px) {
    h3 {
        margin: 55px 0 10px 0
    }
}




@media (min-width: 1400px) {
    .hero {
        padding: 120px 0;
        background-size: cover;
    }

    .rdm-logo {
        max-width: 650px;
    }

    .btn-success {
        font-size: 1.5rem;
        width: 30%;
    }
}