.content-area {
height: 100vh;
width: 100%;
text-align: center;
}
.d-flex {
display: flex;
}
.align-items-center {
align-items: center;
}
.justify-content-center {
justify-content: center;
}
@-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fade-in {
opacity: 0;
-webkit-animation: fadeIn ease-in 1;
animation: fadeIn ease-in 1;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-duration: 1s;
animation-duration: 1s;
}
.fade-in.one {
-webkit-animation-delay: 0.7s;
animation-delay: 0.7s;
}
.fade-in.two {
-webkit-animation-delay: 1.2s;
animation-delay: 1.2s;
}
.fade-in.three {
-webkit-animation-delay: 1.7s;
animation-delay: 1.7s;
}
.logo {
max-width: 480px;
width: 80%;
display: block;
margin: 0 auto;
}
h3 {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
letter-spacing: 5px;
text-transform: uppercase;
font-weight: 100;
color: rgba(0, 0, 0, 0.8);
}
.social ul {
list-style-type: none;
padding: 0;
}
.social ul li {
display: inline-block;
margin: 5px;
}
.social ul li a img {
width: 28px;
}
.social ul li a img:hover {
opacity: 0.7;
}
.copy-right {
position: absolute;
bottom: 0;
right: 0;
left: 0;
text-align: center;
padding-bottom: 15px;
font-size: 12px;
color: rgba(0, 0, 0, 0.5);
}
.count-down {
    width: 480px;
    height: auto;
    margin: auto;
    padding: 20px;
}
.count-down .flipdown {
    margin: auto;
    width: 600px;
    margin-top: 30px;
}
.count-down h1 {
    text-align: center;
    font-weight: 400;
    font-size: 3em;
    margin-top: 0;
    margin-bottom: 10px;
}
@media (max-width: 550px) {
    .count-down {
        width: 100%;
        height: 362px;
    }
    .count-down h1 {
        font-size: 2.5em;
    }
}