/* mobile */

@media all and (max-width: 1150px) {
.header .social {
  display: none;
}
.slicknav_menu {
   display: block!important;
}
.mainnav {
  display: none!important;
}
}
@media all and (max-width: 1024px) {
._Content table.twocolumn td {
    display: block;
    width: 97% !important;
}
._Content table.twocolumn img {
    width: unset;
    min-width: unset;
    max-width: 100%;
    padding: 2% 0;
}
}
@media all and (max-width: 1000px) {
.header .mainnav, .header .topnav {
  display: none;
}
 .mobile {
  display: block!important;
}
.fullwidth td {
    display: block;
    padding: 20px 0;
}
  .supporters h3 {
    font-size: 14px;
}
}

@media all and (max-width: 820px) {
  .header .welcome td:first-child img {
    max-width: 150px;
}
  .supporters .col-3 {
    max-width: 40%;
  }
  .supporters .col-9 {
    max-width: 60%;
  }
}
@media all and (max-width: 740px) {

.header-bottom {
      height: 47px;
 }
.header .tabs {
   padding: 10px 0 0 73px;
   width: 100%;
}
 .header li.selected {
    background: #345d9e;
    padding: 4px 8px 4px 9px;
}
.content, .maincontent  {
    width: 100%;
}
.subnav {
    display: none;
}

.footer .col:last-of-type {
    width: 100% !important;
    display: block;
    margin: 10px 0;
    flex: none;
}
.footer .social {
    float: none;
}
}

@media all and (max-width: 576px) {
  ._DocumentList, ._Content .events ._DocumentList {
  display: block;
}
  ._DocumentList ._Layout {
  width: 100%;
  display: block;
  padding: 0;
 }
 .header .logo {
    width: 50px;
 }
 .header h1 {
      font-size: 19px;
      padding: 7px 10px 10px 65px;
 }
 .header .tabs {
     padding: 10px 0 0 47px;
 }
 .header .welcome {
     padding: 5% 0;
 }
 .header .welcome td, .header .welcome tr td:nth-child(2) {
   display: block;
   width: 100%;
   max-width: 100%;
   text-align: center !important;
 }
.header .welcome td:first-child img {
   max-width: 120px;
}
.header .welcome h1 {
    font-size: 37px;
    line-height: 40px;
}
.headerbanner, .supporters-banner {
    height: 22vh
}
.footer ul.buttons li {
    width: 100%;
}
.content table.threecol td, .content table.twocol td {
  display: block;
  width: 100%;
  margin: 0;
 }
 ._Content table td {
    width: 100%;
    display: block;
  }
  
  .supporters .col-3 {
    margin-bottom: 50px;
  }
   .supporters .col-3 {
    max-width: 100%;
  }
  .supporters .col-9 {
    max-width: 100%;
  }
  
/*  bootsrap  */

.col, .col-1, .col-3, .col-4, .col-6, .col-8, .col-9 {
    width: 100% !important;
    max-width: 100%;
    display: block;
    margin: 10px 0;
    flex: 100%;
}
table.row {
    flex: none;
}
._Content table {  
    width: 100% !important;
  }

._Content img {
        float: none !important;
        margin: 18px 0;
        width: 100% !important;
        padding: 5%;
}
  
  ._Content ._DocumentThumbnail img {
    margin: 0!important;
    padding: 0 !important;
  }

}

@media all and (max-width: 360px) {
 .header h1 {
        font-size: 15px;
    }
 .header .tabs {
    padding: 10px 0 0 47px;
}
 .header .tabs li {
    margin: 0 10px;
    font-size: 12px;
}
}