#hamburger {
  width: 45px;
  height: 35px;
  position: absolute;
  z-index:9;
  right: 20px;
  top: 20px;
  transform: rotate(0deg);
  transition: .5s ease-in-out;
  cursor: pointer;
}

#hamburger span {
  display: block;
  position: absolute;
  height: 3px;
  width: 50%;
  background: var(--yellow);
  opacity: 1;
  transform: rotate(0deg);
  transition: .25s ease-in-out;
}

#hamburger span:nth-child(even) {
  left: 50%;
}

#hamburger span:nth-child(odd) {
  left:0px;
}

#hamburger span:nth-child(1), #hamburger span:nth-child(2) {
  top: 5px;
}

#hamburger span:nth-child(3), #hamburger span:nth-child(4) {
  top: 15px;
}

#hamburger span:nth-child(5), #hamburger span:nth-child(6) {
  top: 25px;
}

.mm-wrapper_opened #hamburger span:nth-child(1),.mm-wrapper_opened #hamburger span:nth-child(6) {
  transform: rotate(45deg);
}

.mm-wrapper_opened #hamburger span:nth-child(2),.mm-wrapper_opened #hamburger span:nth-child(5) {
  transform: rotate(-45deg);
}

.mm-wrapper_opened #hamburger span:nth-child(1) {
  left: 5px;
  top: 8px;
}

.mm-wrapper_opened #hamburger span:nth-child(2) {
  left: calc(50% - 5px);
  top: 8px;
}

.mm-wrapper_opened #hamburger span:nth-child(3) {
  left: -50%;
  opacity: 0;
}

.mm-wrapper_opened #hamburger span:nth-child(4) {
  left: 100%;
  opacity: 0;
}

.mm-wrapper_opened #hamburger span:nth-child(5) {
  left: 5px;
  top: 21px;
}

.mm-wrapper_opened #hamburger span:nth-child(6) {
  left: calc(50% - 5px);
  top: 21px;
}

.mobile-search{
  margin: 10px;
}
.mobile-search .input{
  padding: 10px;
  font-size: 0.8rem;
  text-align:center;
  background-color: rgba(255,255,255,.3);
  color:#FFF;
}

.container{
  width: 90%;
}

h1{
  font-size: 2.3rem;
}


h2{
  font-size: 1.7rem;
}
h2:has(span) {
  margin-bottom: 30px; 
}

.huge{
  font-size: 3rem;
}


.flex{
  flex-wrap: wrap;
}

.flex .half{
  width: 100%;
  margin-right: 0;
}

.flex .third{
  width: 100%;
  margin-right: 0;
}

.mobile-grid-6{
  grid-template-columns: repeat(6, 1fr); 
}

.mobile-grid-5{
  grid-template-columns: repeat(5, 1fr); 
}

.mobile-grid-4{
  grid-template-columns: repeat(4, 1fr); 
}

.mobile-grid-3 {
  grid-template-columns: repeat(3, 1fr);
}

.mobile-grid-2 {
  grid-template-columns: repeat(2, 1fr);
}
.mobile-grid-1 {
  grid-template-columns: repeat(1, 1fr);
}


.mobile-span-1 {
  grid-column: span 1;
}
.mobile-span-2 {
  grid-column: span 2;
}
.mobile-span-3 {
  grid-column: span 3;
}
.mobile-span-4 {
  grid-column: span 4;
}
.mobile-span-5 {
  grid-column: span 5;
}
.mobile-span-6 {
  grid-column: span 6;
}
.mobile-span-7 {
  grid-column: span 7;
}

.grid-swap div:first-child{
  order: 1;
}
.grid-swap div:last-child{
  order:2;
}

.mobile-grid-tight{
  gap: 10px; 
}

.grid-white-border{
  border-right: 0;
  border-bottom: 1px solid #FFF;
  padding-bottom: 30px; 
}

.grid-white-border:last-child{
  border-right:0;
  border-bottom:0;
  padding-bottom:0;
}

.mobilegone{ display: none; }
.mobilehere{ display: block; }

.mobile-left{ text-align:left;}
.mobile-center{ text-align:center;}
.mobile-right{ text-align:right;}


.mobile-topmargin-small{
  margin-top: 25px; 
}


.header{
  padding-top: 8px;
  padding-bottom: 8px; 
}
.header .logo img{
  height: auto;
  width: 150px;
}

.alert{
  font-size: .7rem;
}
.alert svg{
  display:none;
}

.fade{
  background: rgba(0,0,0,.6);
}

.mobile-height-auto{
  height:auto;
}

.logo-carousel .carousel-cell{
  width: 30%;
  height: 150px;
  margin-right: 30px;
}


footer .logo{
  width: 150px;
}
.copy{
  margin-top: 50px; 
}
.copy .copy-links a{
  display: block;
  margin: 0 0 15px 0;
}