body {
    background: no-repeat center center;
    background-size: cover;
}

.logo {
    width: 750px;
    margin-bottom: 1.5rem;
    -webkit-filter: drop-shadow(5px 5px 5px rgba(255,255,255,.25));
    filter: drop-shadow(5px 5px 5px rgba(255,255,255,.25));
    margin-top: 50px;
    margin-bottom: 75px;
}

.bg-area {
    background: rgba(255, 255, 255, .15);
    text-align: center;
    padding: 3em;
    height: 700px;
    border-radius: 20px;
    margin-top: 100px;
    clear: both;
    color: #000;
    font-family: 'Exo 2', sans-serif;
    box-shadow: 0 0 15px rgba(255,255,255,.15);
}



.heading {
    font-size: 3rem;
    font-weight: 900;
    letter-spacing: 2px;
}

.sub-heading {
    font-size: 1.75rem;
    font-weight: 600;
    margin-bottom: 1rem;
    text-shadow: 2px 2px rgb(255 225 225 / 25%)
}

.content {
    font-size: 2rem;
    letter-spacing: 1px;
    margin-bottom: 2rem;
    font-weight: 700;
    text-shadow: 2px 2px rgb(255 225 225 / 25%)
}

.contact {
    font-size: 1.5rem;
}

.contact a {
    text-decoration: none;
    color: #000;
    margin: 2rem;
    text-shadow: 2px 2px rgb(255 225 225 / 25%)
}