.home{
    font-weight: bold;
}

/* First chunk */
.logo{
    height: min(540px, 38.3vw);
    background: white url("../img/swooshes/landingpage.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom left;
}

.logo .upper, .logo .container-fluid, .logo .upper, .logo .logo-col, .logo #animation-wrapper, .logo .title-col{
    height: 100%;
}

.logo #animation-wrapper{
    height: 160%;
    width: 160%;

    position: relative;
    top: -30%;
    left: -20%;
}

.logo .title-wrapper{
    width: 100%;
    height: 40%;
}

.logo .title{
    height: min(85%, 10vw);
    font-size: min(55px, 3vw);
}

.logo .button-wrapper{
    height: 40px;
}

.logo .button-wrapper .social-wrapper{
    height: 100%;
    margin-top: 5px;
}

.logo .button-wrapper * img{
    height: 100%;
    margin: 0 10px;
    cursor: pointer;
}

/* Major companies */
.company-a-word{
    height: min(320px, 23vw);
}

.company-a-word {
    padding: 2.5%;
}

.company-a-word * {
    max-height: 100%;
    height: 100%
}

.company-a-word a {
    display: inline;
}

.company-a-word img{
    max-width: 100%;
    height: 80%;
}

/* Description */
.description{
    padding-top: 80px;
    font-size: min(29px, 2.3vw);
}

.description .title{
    font-weight: bolder;
    font-size: min(90px, 5vw);
}

.description .text{
    max-width: 960px;
    width: 100%;
    padding-bottom: min(300px, 18vw);
}

/* prominent companies */
.prominent-companies{
    height: 320px;
    border-bottom: 2px solid #0b1d32;
}

.prominent-companies {
    padding: 2.5%;
}

.prominent-companies * {
    max-height: 100%;
    height: 100%
}

.prominent-companies a {
    display: inline;
}

.prominent-companies img{
    max-width: 100%;
    height: auto;
}

.carousel-slide, .carousel-inner, .carousel, .carousel-item{
    width: 100%;
}

/* Location */
.location{
    /*height: 650px;*/
    padding-top: 100px;
    padding-bottom: 100px;
    margin-bottom: 100px;
}

.location .container-fluid, .location .icon-wrapper img, .location .row{
    height: 100%;
}

.location .icon{
    max-height: min(650px, 35vw);
}

.location .icon img{
    height: min(90%, 405px);
    max-width: 100%;
    max-height: 100%;
}

.location .title{
    font-size: min(85px, 11vw);
    font-weight: bolder;
}

.location .text{
    padding-bottom: 10px;
    font-size: min(23px, 2.3vw);
}

.location button{
    width: 280px;
    height: 70px;
    background: #003a67;
    color: white;
    font-size: 27px;
    border-radius: 10px;
    border: 0;
    cursor: pointer;
}

.location .info{
    margin-top: 20px;
}

.ticket button{
    border: 1px solid #003a67;
    background: white;
    color: #003a67;
    font-size: 27px;
    border-radius: 5px;
    cursor: pointer;
    height: 100%;
    width: 100%;
    float: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-right: min(30px, 2vw);
}

.ticket button:hover{
    filter: brightness(90%);
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .location .text-row{
        text-align: center;
    }
}

/* Mobile stuff */
@media screen and (max-width: 767px){
    .logo #animation-wrapper{
        height: 250%;
        width: 300%;

        position: relative;
        top: -80%;
        left: -105%;
    }

    /* General */
    .wrapper{
        padding-top: 0;
    }

    /* Logo section */
    .logo{
        height: 555px;
        background-size: cover;
    }

    .logo-col{
        height: min(50%, 30vw) !important;
    }

    .title-col{
        margin-top: 0;
        height: 35% !important;
        text-align: center;
    }

    .title-col .title-wrapper{
        height: 60% !important;

    }

    .title-col .title{
        height: min(95%, 17vw) !important;
        font-size: min(35px, 5vw);
    }

    .logo .button-wrapper{
        height: 40%;
    }

    .top-padder{
        height: 80px;
    }

    .prominent-companies{
        height: 256px;
    }

    /* Description */
    .description{
        text-align: center;
    }

    .description .title{
        font-size: 51px;
    }

    .description .text{
        font-size: 19px;
    }

    .prominent-companies{
        height: 200px;
    }

    /* Location */
    .location{
        text-align: center;
    }

    .location .title{
        font-size: 60px;
    }

    .location .text{
        font-size: 19px;
    }

    .location button{
        width: 250px;
        height: 60px;
        font-size: 25px;
    }
}