h1{
    font-size:36px!important;
}
 
h3{
    font-size:28px!important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Source Sans Pro', sans-serif;
    font-size:28px;
}

a, li, div {
    font-family: 'Source Sans Pro', sans-serif;
}

p {
    font-family: 'Source Sans Pro', sans-serif;
    text-align: justify!important;
    font-size: 16px!important;
}

li {
    list-style:none;
}

.navwrap {
    background-image:radial-gradient(rgb(255, 255, 255), rgb(255, 255, 255));
    margin-top: -40px!important;
}

.menu .item {
    text-transform:uppercase!important;
    font-size:20px;
    font-family:'Bebas Neue', sans-serif;
    text-align:center!important;
    color:#c2bab3!important;
    margin-left: -10px!important;
}


.menu {
    margin-left: -100px!important;
}

.maintext {
    margin-top:20px!important;
}

.topbar img {
    margin-left:25px;
}

.midimg {
    min-width:150px;
    padding-top:27px;
    margin-right: 10px;
}
.tiptop {
    margin-top:10px;
}

.tiptop .wide a {
    color:#000000;
    font-weight:bold;
}

.tiptop .wide i {
    color:#000000;
}

.banner {
    background:url("/static/albertsbakground.png");
    width:100%;
    height:695px;
    position:relative;
    object-fit:cover;
}

.banner video {
    width:100%;
    height:100%;
    object-fit:cover;
    z-index:-1;
}

.middle .column, .headline {
    color:#000000;
}

.mobilelogo {
    display:none;
}

.message ul {
    padding-left:5px;
}

.message li {
    margin-top:10px;
}

.message li:first-of-type {
    margin-top:3px;
}

.card img {
    height: 200px!important;
}

.maintext p {
    line-height:30px!important;
    font-size:18px;
}

.bantext h1, .bantext p {
    color:#fefefe;
    text-shadow:#121212 1px 1px;
}

.step:hover, .step:hover .description{
    background-color:#97ae76!important;
    color:#fefefe!important;
}

.custom-item {
    text-align: center;
    padding-bottom:0px!important;
  }
.custom-item img {
    width: 30px;
    height: auto;
    margin-left: -20px!important;
  }

.mobshow {
    display:none!important;
}

@media only screen and (max-width:1367px){
    .banner {height:634px!important;}
}

@media only screen and (max-width: 900px) {
    .mobhide { display: none !important; }
    .mobshow { display: block !important;max-width:fit-content!important;}
    .mobshow .menu {max-width:100%!important;margin-left:0px!important;}
    .headline { text-align: center !important; }
    .custom-item .content img {display:none!important;}
    .custom-item br, .item br {display:none!important;}
    .banner { background-image: none; height: 395px !important; }
    .imgitem, .midimg { display: none !important; }
    .headline { margin-top: 20px; }
    .midimg { display: none; }
    .ten, .eleven { text-align: center !important; }
    .navwrap { margin: auto !important; }
    .mobilelogo { display: block; width: 75% !important; margin: auto !important; }
    .mobilelogo img { width: 75%; }
    .topbar img { margin-left: 0 !important; }
    .tiptop .two { text-align: center; margin: auto; }
    .tiptop .seven { display: none !important; }
    .tiptop { text-align: center; }
    .navbar .one { display: none !important; }
    .mobimg { display: block; margin-top: 25px; margin-bottom: 25px; width: 80%; }
    .ui.stackable.menu .left.menu { margin-right: -100px !important; }
    .maintext { margin-top:75px !important; }
    .headline {max-width:90%!important;}
    .mobshow .secondary .item .menu {min-width:200px!important;}
  
    .ui.menu .item {
      text-align: center !important;
    }
  
    .ui.simple.dropdown .menu {
      left: 0 !important;
      right: 0 !important;
      margin: 0 auto !important;
      width: calc(100% - 20px) !important; /* Adjusted width to fit within screen */
      max-width: 300px !important;
      text-align: left !important;
      position: absolute !important; /* Ensures proper positioning */
      top: 100% !important;
      z-index: 1000 !important; /* Ensures menu appears above other elements */
    }
  
    .ui.simple.dropdown .menu .item {
      text-align: left !important;
    }
  
    .ui.simple.dropdown.icon.button {
      width: 100% !important;
      text-align: left !important;
    }
  
    .ui.simple.dropdown.icon.button .menu {
      position: absolute !important;
    }

    .ui.dropdown .menu {
        z-index: 1000; /* Ensure dropdowns are above other content */
      }
      
      .ui.dropdown .menu .ui.dropdown .menu {
        z-index: 1001; /* Ensure nested dropdowns are above other dropdowns */
      }
      
      .ui.dropdown.active .menu,
      .ui.dropdown.active .menu .ui.dropdown.active .menu {
        pointer-events: auto;
      }
      
      
  }
  