.icon-list {
    padding-left: 0;
    list-style: none;
}

.icon-list li {
    display: flex;
    align-items: flex-start;
    margin-bottom: .25rem;
}

.icon-list li::before {
    display: block;
    flex-shrink: 0;
    width: 1.5em;
    height: 1.5em;
    margin-right: .5rem;
    content: "";
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23212529' viewBox='0 0 16 16'%3E%3Cpath d='M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0zM4.5 7.5a.5.5 0 0 0 0 1h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5H4.5z'/%3E%3C/svg%3E") no-repeat center center / 100% auto;
}

/*MALACHI CSS*/
html {
    scroll-behavior: smooth;
}

a {
    text-decoration: none
}

body {
    font-family: 'Roboto', sans-serif;
    background: black;
}

header a {
    color: white;
}

.top-conatiner {
    color: white;
    background-size: cover;
    position: relative;
}

.top-overlay {
    background: black;
    opacity: .3;
    height: 100%;
    width: 100%;
    left: 0;
    position: absolute;
    z-index: 1;
}

.top-logo {
    max-width: 412px;
    margin: 10vh auto 6vh;
}

.top-logo img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    animation-duration: 1.5s;
}

.coming-soon-copy {
    color: #ffffffb5;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
}

.coming-soon-copy h3 {
    font-weight:400;
}

.coming-soon-copy .contact {
    font-size: 1.3em;
    margin-top: 0vh;
    /* border-top: 1px solid; */
    /* padding-top: 2vh; */
    margin-bottom: 0;
}

.coming-soon-copy .contact a{color: #ffffff;}

.coming-soon-copy .contact p {
}

.footer-url {
}

.coming-soon-copy {
    position: absolute;
    animation-delay: .5s;
    top: 26.5vh;
}

.top-coming-soon {
    max-width: 407px;
    margin: 4vh auto -12vh;
}

.top-coming-soon img{
    max-width: 100%;
}

.bg-image-fade {
    width: 100%;
    position: absolute;
    overflow: hidden;
    /* height: 100%; */
}

.bg-image-fade img{
    width: 100%;
}

/*FONTS FROM GOOGLE*/
/*
font-family: 'Open Sans', sans-serif;
font-family: 'Roboto', sans-serif;
*/
/*==================*/
/*==========================================
============================================
===========================================*/
@media screen and (max-width: 780px) {
    .bg-image-fade {
        width: 100%;
        position: absolute;
        overflow: hidden;
        height: 100%;
    }
    .top-logo {
        max-width: 250px;
        margin: 10vh auto 6vh;
    }
    .top-coming-soon {
        max-width: 233px;
        margin: 7vh auto -11vh;
    }
    .bg-image-fade img{
        width: 200%;
        left: -50%;
        right: 0;
        position: relative;
        margin-left: auto;
        margin-right: auto;
        top: 18vh;
    }
    .coming-soon-copy {
        position: absolute;
        animation-delay: .5s;
        top: 67.5vh;
        font-size: 83%;
        padding: 4%;
    }

}