body {
    background-image: url("../img/bg2_60.png");
    background-repeat: repeat;
    background-size: cover;
}

.splash {
    max-width: 800px;
    width: 100%;
}

.coming-soon {
    text-shadow: -3px 3px #0044cd;
    color: #ff6d09;
    background-color: rgb(254, 248, 223, .65);
    margin-top: 2rem;
    padding-bottom: 1rem;
    box-shadow: inset 0 0 0 4px #000;
    margin-left: 1rem;
    margin-right: 1rem;
    font-size: 4.5rem;
}

@media (min-width: 0px) and (max-width: 576px) {
    .coming-soon {
        padding-top: 0.75rem;
        font-size: 1.5rem;
        margin-left: 0.5rem;
        margin-right: 0.5rem;
    }
}

@media (min-width: 577px) and (max-width: 768px) {
    .coming-soon {
        padding-top: 0.75rem;
        font-size: 2.5rem;
        margin-left: 0.5rem;
        margin-right: 0.5rem;
    }
}

@media (min-width: 769px) and (max-width: 992px) {
    .coming-soon {
        padding-top: 0.75rem;
        font-size: 2.5rem;
        margin-left: 0.5rem;
        margin-right: 0.5rem;
    }
}

@media (min-width: 993px) and (max-width: 1200px) {
    .coming-soon {
        padding-top: 0.75rem;
        font-size: 3rem;
        margin-left: 0.5rem;
        margin-right: 0.5rem;
    }
}

@media (min-width: 1201px) and (max-width: 1400px) {
    .coming-soon {
        padding-top: 0.75rem;
        font-size: 4rem;
        margin-left: 0.5rem;
        margin-right: 0.5rem;
    }
}

.ig {
    margin-top: 2rem;
    max-width: 160px;
    width: 25%;
}

.copyright {
    margin-top: 2rem;
    font-size: 1rem;
    color: #000;
    font-weight: bold;
    width: 100%;
    text-align: center;
    z-index: 3;
}