@media (max-width: 990px) and (min-width: 811px) {
  #navbar-brandname {
      display:inline 
 }
  .navbar-nav .dropdown-menu {
      width:calc(100vw - 80px) 
 }
}
@media (max-width: 1215px) and (min-width: 991px) {
  #navbar-brandname {
      display:none 
 }
}
@media (max-width: 810px) {
  .hero {
      background-repeat:repeat-y;
      background-size:auto;
      padding-left:0;
      max-height:max-content 
 }
  .navbar-nav .dropdown-menu {
      width:calc(100vw - 80px) 
 }
  .hero-front {
      background-repeat:repeat-y;
      background-size:auto 100%!important;
      padding-left:0;
      max-height:max-content!important;
      height:100% 
 }
  .statuspage {
      width:100%;
      background-image:linear-gradient(0.14turn,#ecf1f3,#d9edfa)!important;
      box-shadow:0 0 10px 0 #000000e3;
      z-index:0;
      top:150px;
      height:fit-content;
      padding-bottom:5px 
 }
  .front-container {
      height:930px 
 }
  .bi {
      width:1em;
      height:1em 
 }
  .card-header > .row {
      padding-left:5px!important;
      padding-right:5px!important 
 }
  .partner-card {
      background-color:#fffb!important;
      border-radius:7px;
      box-shadow:0 .5rem 1.5rem #00000026;
      padding:5px!important;
      margin:15px 2px 2px!important;
      margin-bottom:15px;
      border-style:none!important 
 }
  .partner-card > .card {
      border-style:none;
      padding-left:5px;
      padding-right:5px;
      background-image:inherit!important;
      background-color:inherit!important 
 }
  .partner-card-right {
      padding-left:15px 
 }
  div .contact-card {
      background-color:#fffb!important;
      border-radius:7px;
      box-shadow:0 .5rem 1.5rem #00000026;
      padding:5px;
      margin:5px;
      transition:transform .3s ease,color .3s ease,left .5s ease,width .5s ease,height .5s ease 
 }
  .partner-card .card-header {
      background-color:#fffb!important;
      padding-left:5px;
      padding-right:5px 
 }
  .container {
      display:flex;
      flex-direction:column 
 }
  .footer {
      background-image:linear-gradient(0.8turn,#414141,#242626,#000)!important;
      width:100%;
      height:540px;
      position:relative;
      text-align:center;
      color:#fff!important;
      z-index:100 
 }
  .clearfix:after {
      clear:both 
 }
  .carousel-img {
      max-width:60% 
 }
  .cookie-bar {
      position:fixed;
      width:100vw;
      text-align:center;
      align-items:center;
      height:fit-content;
      background:#f7fafc;
      z-index:1059!important; 
      padding-left: 3px;
        
 }
  .cookie-bar-container {
      background-color:#f7fafc 
 }
  .info-new {
      position:absolute;
      top:43px;
      left:100px;
      z-index:10;
      font-size:.7em!important;
      transition:transform .3s ease,top .3s ease,left .3s ease 
 }
  #loginModal {
      top:120px 
 }
  .btn-white {
      color:#fff 
 }
  .accordion-hdr {
      font-size:1.2em 
 }
  .form-range {
      background-color:#b9ebffd5;
      padding:20px;
      border-radius:10px 
 }
  mobilehide {
      display:none 
 }
  .supp-acc-hdr {
      padding-right:5px;
      font-size:32px!important;
      width:37px;
      min-width:7% 
 }
  #navbar-brandname,mobileshow {
      display:inline 
 }
  .header-text,.btn-partner {
      text-align:center 
 }
  .contactpage,.partnerpage {
      width:100%;
      background-image:linear-gradient(0.14turn,#ecf1f3,#d9edfa)!important;
      box-shadow:0 0 10px 0 #000000e3;
      z-index:0;
      top:150px 
 }
  p,h1,h2,h3,h4,h5,h6,a {
      font-family:D-DIN 
 }
}