.landingBgImg {
    padding-top: 180px;
    background: url(../images/bgs/homepage.png) no-repeat top left;
    background-color: black;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.landingBgColor {
    padding-top: 180px;
    background-color: #192841;
}

.landingBgImg .logoDiv {
    padding-top: 9em !important;
    opacity: 0;
}

.landingBgImg a svg {
    font-size: 32px;
}

.diagonal {
    position: relative;
    width: 100%;
    height: 100px;
}

.diagonal::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: #000000;
}

.diagonal::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    clip-path: polygon(100% 0, 0 100%, 100% 100%);
}

@media screen and (max-width: 1268px) {
    .landingBgImg {
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -o-background-size: contain;
        background-size: contain;
    }
}

@media screen and (max-width: 1200px) {
    .landingBgImg {
        padding-top: 108px;
        background: url(../images/bgs/tabletHomepage.png) no-repeat top left;
        background-color: black;
        background-size: contain;
    }
    .landingBgColor {
        padding-top: 108px;
    }
    .landingBgColor h1 {
        font-size: 32px;
    }
}

@media screen and (max-width: 991px) {
    .diagonal {
        height: 75px;
    }
}

@media screen and (max-width: 767px) {
    .diagonal {
        height: 50px;
    }
    .landingBgImg {
        background: black;
    }
    .landingBgImg .logoDiv {
        padding-top: 1em !important;
        opacity: 0;
        display: none;
    }
}