/*
Add your custom CSS below.
*/
/*# sourceMappingURL=custom.css.map */

    .ucform {
        border-color: #fff;
        color: #fff;
    }

    .ucform:focus, .ucform:active {
        -webkit-box-shadow: 0 0 8px 0 rgba(255,255,255,.4);
        box-shadow: 0 0 8px 0 rgba(255, 255, 255, 0.4);
    }

    .ucform::placeholder {
        color: #fff;
    }

    .info__content {
        text-align:center;
        color: #fff;
        margin-top: 30px;
        font-weight: 300;
        line-height: 1.6;
        width: 100%;
        font-family: 'Open Sans', sans-serif;
    }
    .info__content ul {
        text-align:left;

    }
    .clock-progress {
        border: 2px solid #fff;
    }

    .clock-progress:after {
        background: #6ab646;
        box-shadow:#6ab646 0px 0px 5px, #fff 0px 0px 3px, #6ab646 0px 0px 6px;

    }

    .flip-clock-wrapper a {
        color: #fff;
    }

    .flip-clock-wrapper ul li a div.up {
        border: 2px solid #fff;
    }

    .nav-left a,
    .nav-right a {
        color: rgba(255,255,255,.7);
        -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5), 0 0 1px 1px rgba(255, 255, 255, 0.3), inset 0 0 1px 0 rgba(255, 255, 255, 0.3);
        box-shadow: 0 0 1px rgba(255, 255, 255, 0.5), 0 0 1px 1px rgba(255, 255, 255, 0.3), inset 0 0 1px 0 rgba(255, 255, 255, 0.3);
    }

    .nav-left a:hover:after,
    .nav-right a:hover:after {
        color: #fff;
    }

    .nav-left a:hover, .nav-left a:focus,
    .nav-right a:hover,
    .nav-right a:focus {
        color: #fff;
        background-color: rgba(255, 255, 255, 0.25);
        -webkit-box-shadow: 0 0 0 1px rgb(255, 255, 255), 0 0 1px 1px rgba(255, 255, 255, 0.2), inset 0 0 1px 0 rgba(255, 255, 255, 0.2);
        box-shadow: 0 0 0 1px rgb(255, 255, 255), 0 0 1px 1px rgba(255, 255, 255, 0.2), inset 0 0 1px 0 rgba(255, 255, 255, 0.2);
    }

    @media only screen and (max-width: 1219px) {
        .info__content {
            margin-left:0;
        }

        .nav-left a, .nav-right a {
            color: #fff;
            box-shadow: 0 0 0 1px rgb(255, 255, 255), 0 0 1px 1px rgba(255, 255, 255, 0.2), inset 0 0 1px 0 rgba(255, 255, 255, 0.2);
        }

        .nav-left a:hover:after, .nav-right a:hover:after {
            color: #fff;
        }
}

.no-margin {
    margin: 0;
    margin-bottom: 0;
    margin-block-start: 0;
    margin-block-end: 0;
    font-size: 100px;
    }

    .info__content {
        margin-top: 0;
    }

    .hit-the-floor {
        color: #fff;
        font-size: 18px;
        letter-spacing: 0.7px;
        font-weight: 800px;
        text-shadow: 1px 1px rgb(245, 245, 245);
    }

    .logo{
        height: 85px;
        padding-bottom: 20px;
    }

    a {
        text-decoration: none;
    }

    .info__content.heading-one {
        font-size: 32px;
    }
    .info__content.heading-two {
     font-size: 20px;
    }

   @media screen and (max-width: 600px) {
       .no-margin {
           font-size: 60px;
       }
       .info__content.hit-the-floor {
           font-size: 18px !important;
       }
       .info__content.heading-one{
           font-size: 24px;
       }
       .info__content.heading-two {
        font-size: 16px;
       }
   }