#landing-page {   
    height: 75vh !important; 
    /* min-height: 1300px; */
}

#landing-page-img {
    position: absolute;
    z-index: -1;
    width: 100%;
    /* border: 1px solid red; */
    /* min-height: 75vh; */
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-filter: brightness(80%);
            filter: brightness(80%);
}

.landing-page-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100%;
    width: 80vw;
    margin: 0 auto;
    /* border: 1px solid yellow; */
}

.logo-wrapper {
    height: 300px;
    width: 560px;
    margin: 0;
    padding: 0;
    /* border: 3px solid blueviolet; */
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
}

.logo-wrapper .logo {
    width: 100%;
    height: 100%;
    /* border: 1px solid red; */
}

.landing-page-content .content {
    width: 80vw;
    text-justify: auto;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0;
    padding: 0;
}

.landing-page-content h1 {
    color: white;
    font-size: 4rem;
    word-break: keep-all;
    word-wrap: break-word;
    margin-top: 0;
}

.landing-page-content .content h2 {
    color: white;
}

.landing-page-content .actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
}

.landing-page-content .actions a { 
    text-decoration: none;
    font-size: 1.1rem;
    color: white;
    border-radius: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    font-weight: bold;
    gap: 5px;
    padding: 15px 25px;
    border: 3px solid white;
    margin-right: 2rem;
}

@media screen and (max-width: 1400px) {
    #landing-page,
    #landing-page-img {
        /* content:url("../images/landing.webp"); */
        min-height: 700px;
    }
    
    .landing-page-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; 
        -ms-flex-wrap: nowrap; 
            flex-wrap: nowrap; 
        -webkit-box-pack: center; 
            -ms-flex-pack: center; 
        justify-content: end;
        /* border: 2px solid blue; */
        /* height: 50vh; */
    }
    
    .landing-page-content .content {
        -webkit-box-ordinal-group: 3;
            -ms-flex-order: 2;
                order: 2;
        width: 100%;
        /* border: 1px solid red; */
        margin-bottom: 4rem;
    }
    
    .logo-wrapper {
        height: 200px;
        width: 230px;
        display: none;
    }
    
    .landing-page-content .actions {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        width: auto;
        height: 16vh;
        -webkit-box-pack: justify;
            -ms-flex-pack: justify;
                justify-content: space-between;
    }
    
    .landing-page-content .actions a {
        text-align: center;
    }
    
    #landing-page h2 {
        font-size: 1.3rem !important; 
    }
    
    .landing-page-content h1 {
        font-size: 2rem; 
    }
}