#contactLandingImg
{
    background-image: url('../Assets/Images/Contact/jars_hard_Compressed.jpg');
    background-size: cover;
    background-position: center 30%;
    /* font-size: 80px !important; */
}

#contactLandingImg h1
{
    font-size: 80px !important;
}

#mapBox
{
    width: 100%;
    z-index: 1;
    margin-bottom: -350px;
    position: relative;
}

#overlapingBox0
{
    height: 170px;
    width: 170px;
    transform: translate(0px, 45px); /* old value: transform: translate(-70px, 45px);  */
}

#overlapingBox1
{
    height: 170px;
    width: 170px;
    transform: translate(0px, 45px); /* old value: transform: translate(50px, 45px);  */
}

#overlapingBox2
{
    height: 200px;
    width: 200px;
    transform: translate(0px, 0px);
}

#overlapingBox3
{
    height: 220px;
    width: 220px;
    transform: translate(0px, -45px); /* old value: transform: translate(150px, -45px);  */
}

.mobileOverlapingBox
{
    height: 158px;
    cursor: pointer;
}

.mobileOverlapingBox:hover .transparent-cover
{
    opacity: 0.3 !important;
}

.animated
{
    transition: all 0.5s ease-out;
}

#contactTextScrollAnchor
{
    position: absolute;
    top: -120px !important; /* for  scrolling (to lift it up, rigth below navbar) */
}

/* #contactInfoScrollAnchor
{
    position: absolute;
    top: -120px !important;
} */

#contactFormScrollAnchor
{
    position: absolute;
    top: -120px !important; /* for  scrolling (to lift it up, rigth below navbar) */
}

#mapBoxScrollAnchor
{
    position: absolute;
    top: -120px !important; /* for  scrolling (to lift it up, rigth below navbar) */
}

@media (max-width: 360px)
{
    .smallfont {
        font-size: 12px !important;
    }
}

@media (max-width: 992px)
{
    #contactLandingImg h1
    {
        font-size: 70px !important;
    }
}