.adx-social li, .banner img, .banner p {
    display: inline-block;
    vertical-align: middle
}

body {
    font-family: Abel,sans-serif;
    background-color: #cc252d;
}

.logo-wrap {
    max-width: 350px
}

#page-content {
    background: url(/Content/Images/Adx20/adx-background.jpg) center no-repeat;
    background-size: cover;
    padding: 100px 0 50px
}

#timer ul, .adx-social {
    padding: 0;
    list-style-type: none
}

.adx-content h1 {
    font-size: 45px
}

    .adx-content h1 span {
        color: #720e12
    }

.adx-content h3 {
    font-size: 24px
}

.adx-content {
    color: #fff;
    width: 250px
}

    .adx-content .separator {
        display: inline-block;
        background-color: #fff;
        height: 2px;
        width: 2em;
        margin: 20px 0
    }

.event-date p {
    font-size: 19px
}

.event-date {
    width: 200px
}

.countdown {
    color: #fff
}

    .countdown p {
        font-size: 18px
    }

#timer {
    text-align: center
}

    #timer ul {
        display: inline-block;
        margin: 0;
        font-size: 28px
    }

        #timer ul li {
            display: inline-block;
            margin: 0 10px
        }

.adx-content .text-lg {
    font-size: 34px
}

.adx-social {
    margin: 0
}

    .adx-social li {
        margin-right: 15px
    }

        .adx-social li a {
            color: #fff;
            font-size: 18px
        }

.banner {
    background-color: #fff;
    color: #c3252e;
    padding: 10px
}

    .banner img, .banner p {
        margin: 0
    }

    .banner p {
        margin-left: 30px
    }

@media screen and (max-width:414px) {
    .adx-content, .event-date, .logo-wrap {
        width: auto;
        max-width: 100%
    }

    .adx-content, .adx-social {
        text-align: center
    }
}