.landingPage {
    background-image: url('../Content/Images/Background.jpg');
    background-repeat: repeat-y;
    background-repeat: repeat-x;
    height: 80vh;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

    .landingPage tr:nth-child(1) {
        height: 60%;
    }

    .landingPage tr:nth-child(2) {
        height: 40%;
    }

    .landingPage td {
        padding: 0;
        vertical-align: middle;
    }


.buttonLandingLogo {
    width: 23%;
    height: auto;
}

.buttonLandingOptions {
    width: 40%;
    height: 100%;
    background-position: 100% 0;
    background-size: 100%;
    background-repeat: no-repeat;
    border-color: transparent !important;
    color: transparent !important;
    border: 0;
    display: inline-block;
    margin-left: 10px;
}

.buttonLandingPassenger {
    background-image: url('../Content/Images/LandingPassenger.png');
}

    .buttonLandingPassenger:hover {
        background-image: url('../Content/Images/LandingPassengerHover.png');
    }


.buttonLandingFreighter {
    background-image: url('../Content/images/LandingCargo.png');
}

    .buttonLandingFreighter:hover {
        background-image: url('../Content/images/LandingCargoHover.png');
    }


/*ipad*/
@media all and (max-width:1024px) {

    .buttonLandingLogo {
        width: 50%;
        height: auto;
    }

    .buttonLandingOptions {
        width: 80%;
    }

    .buttonLandingPassenger:hover {
        width: 80%;
        height: 100%;
    }

    .buttonLandingFreighter:hover {
        width: 80%;
        height: 100%;
    }
}

/*mobile*/
@media all and (max-width:768px) {

    .buttonLandingLogo {
        width: 80%;
    }

}