@media (min-width:900px) {
    .container,.container-lg,.container-md,.container-sm {
        max-width:1280px 
   }
}
@media (max-width:1215px) {
    #navbar-brandname {
        display:none 
   }
    .statuspage {
        width:100%;
        background-image:linear-gradient(0.14turn,#ecf1f3,#d9edfa)!important;
        box-shadow:0 0 10px 0 #000000e3;
        z-index:0;
        top:150px;
        min-height:calc(100vh - 332px) 
   }
    .card-header>.row,.partner-card {
        padding-left:5px!important;
        padding-right:5px!important 
   }
   
    .hero {
        background-repeat:repeat-y;
        background-size:100% 
   }
    .front-container {
        height:1265px 
   }
    body.with-cookie-bar {
        padding-bottom:55px 
   }
    .cookie-bar {
        position:fixed;
        width:100%;
        text-align:center;
        align-items:center;
        height:fit-content;
        background:#f7fafc;
        z-index:2000!important 
   }
   .cookie-bar-container {
    background-color:#f7fafc 
}
    .footer,.hex-text {
        position:relative 
   }
    .footer {
        background-image:linear-gradient(.8turn,#414141,#242626,#000)!important;
        width:100%;
        height:220px;
        color:#fff!important;
        z-index:100 
   }
    .lead-text,.value-text {
        position:relative;
        color:#fff;
        line-height:1em;
        font-size:20px;
        text-decoration:none;
        font-weight:700 
   }
    .value-text {
        top:150px;
        text-align:center;
        transition:transform .3s,top .3s 
   }
    .hexagon:hover {
        z-index:3 
   }
    .lead-text {
        top:40px;
        width:450px;
        margin-left:20px 
   }
    .contactpage,.partnerpage {
        width:100%;
        background-image:linear-gradient(.14turn,#ecf1f3,#d9edfa)!important;
        box-shadow:0 0 10px 0 #000000e3;
        z-index:0;
        top:150px 
   }
    .partner-card,div .contact-card {
        border-radius:7px;
        box-shadow:0 .5rem 1.5rem #00000026 
   }
    .partner-card .card-header,.partner-card>.card {
        padding-left:5px;
        padding-right:5px 
   }
    .partner-card {
        background-color:#fffb!important;
        padding:5px;
        margin:15px 2px 2px!important;
        border-style:none!important 
   }
    .partner-card>.card {
        border-style:none;
        background-image:inherit!important;
        background-color:inherit!important 
   }
    .partner-card .card-header,div .contact-card {
        background-color:#fffb!important 
   }
    .partner-card-right {
        padding-left:15px 
   }
    div .contact-card {
        padding:5px;
        margin:5px;
        transition:transform .3s,color .3s,left .5s,width .5s,height .5s 
   }
    .container {
        display:flex;
        flex-direction:column 
   }
}