.immunity_header_wrapper {
background-color: #fff;
background-position: left top;
background-repeat: no-repeat;
background-size: cover;
min-height: 500px;
padding: 115px 0 0;
}
.immunity_header_content {
    width: 45%;
    max-width: 485px
}
.immunity_page {
  padding: 80px 0;
}
.immunity_title {
border-bottom: 1px solid #12284c;
margin: 0 0 40px;
padding-bottom: 40px;
}

.immunity_title h1 {
    color: #102d56;
    font-family: "Sentinel-Semibold";
    font-size: 42px;
    line-height: 50px;
}
.immunity_title h1 span {
display: block;
font-family: "Gotham-Book";
font-size: 28px;
line-height: 32px;;
margin: 30px 0 0;
}
.immunity_title h2 {
    color: #354866;
    font-family: "Gotham-Book";
    font-size: 28px;
    margin: 0;
}
.immunity_written h4 {
    color: #707070;
    font-family: "Gotham-Book";
    font-size: 14px;
    margin: 0 0 10px;
}
.writer_list {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    color: #354866;
    font-family: "GothamMedium";
    font-size: 16px;
    max-width: 585px;
    overflow: hidden;
}
.immunity_written {
    margin: 0 0 -8px;
}
.immunity_header {
  border-bottom: medium none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 0;
  overflow: hidden;
}
.writer_list li {
    margin: 0 0 3px;
}
.immunity_single_content {
  margin: 0 0 50px;
}
.immunity_single_content h2 {
  color: #354866;
  font-family: "GothamMedium";
  font-size: 20px;
}
.immunity_single_content p {
  color: #354866;
  font-family: "Gotham-Book";
  font-size: 16px;
  margin: 0 0 20px;
    line-height: 24px;
}
.immunity_single_content a {
  color: #0070ba;
  text-decoration: underline;
}
.immunity_tips {padding: 0}
.immunity_tips li, .immunity_single_content p span {
  font-family: "GothamMedium";
    color: #354866;
}
.immunity_reference {
  border-top: 1px solid #b7bec9;
  padding-top: 30px;
}
.reference_list {
  color: #354866;
  font-family: "Gotham-Book";
  font-size: 14px;
  padding-left: 15px;
}
.reference_list li {
  margin: 0 0 5px;
}
.immunity_reference h3 {
  font-family: "GothamMedium";
  font-size: 16px;
  margin: 0 0 20px;
}

.immunity_ctabtn {
  margin: 0 0 50px;
}
.immunity_ctabtn .secondary_btn {
  border: 1px solid #12284c;
  border-radius: 3px;
  color: #12284c;
  font-family: "GothamMedium";
  font-size: 16px;
  padding: 20px 70px;
    display: inline-block
}



.immunity_hero_medium {display: none}
/*==============================================
Responsive CSS
================================================*/
/* Medium Layout: 1280px. */
@media only screen and (min-width: 768px) and (max-width: 1774px) { 
    .immunity_header_wrapper .immunity_header {display: none}
    .immunity_hero_medium {display: block;padding: 50px 0}
    .immunity_header_content {
      max-width: 100%;
      width: 100%;
    }
    .immunity_header {
      -webkit-box-pack: start;
          -ms-flex-pack: start;
              justify-content: flex-start;
    }
    .immunity_header_content {
        border-bottom: 1px solid #b7bec9;
        padding-bottom: 40px;
    }
    .immunity_page {padding: 0 0 80px}
    .immunity_title {
      border-bottom: medium none;
      margin: 0 0 40px;
      padding-bottom: 0;
    }
    .immunity_title h1 span {font-size: 26px}
}

/* Medium Layout: 1280px. */
@media only screen and (min-width: 992px) and (max-width: 1200px) { 
    .immunity_title h1 {font-size: 40px;}
    .immunity_title h1 span {font-size: 28px;}
    .immunity_title h2 {font-size: 24px;}
    .immunity_written {
      margin: 0;
    }
    .immunity_header_wrapper {padding: 60px 0 0}
    .immunity_single_content {padding-left: 15px;}
    .immunity_title h1 {font-size: 32px;}
    .immunity_title h1 span {font-size: 22px;margin: 15px 0 0}
    .immunity_header_wrapper {
      background-image: url("../jpg/persona-mab-hero-desktop-922x500-2.jpg") !important;
    }
    .immunity_header {padding: 0px 15px}
}
/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) { 
    .immunity_title h1 {font-size: 30px;line-height: normal}
    .immunity_title h2 {font-size: 18px;}
    .immunity_title h1 span {
        font-size: 18px;
        line-height: normal;
        margin: 20px 0 0;
    }
    .immunity_written {
      margin: 0;
    }
    .writer_list {font-size: 14px;}
    .immunity_header_wrapper {
      background-image: url("../jpg/persona-mab-hero-desktop-768x500-2.jpg") !important;
    }
    .immunity_header_content {
      padding-bottom: 25px;
    }    
    .immunity_title h1 {
      font-size: 24px;
      line-height: normal;
    }

}

/* Mobile Layout: 320px. */
@media only screen and (max-width: 767px) { 
    .immunity_title h1 {font-size: 32px;line-height: normal}
    .immunity_title h2 {font-size: 18px;}
    .writer_list {border-bottom: 1px solid #b7bec9;font-size: 13px;padding-bottom: 15px;}
    .immunity_tips {padding: 0 0 0 15px;}
    .immunity_title h1 span {
      font-size: 20px;
      line-height: 26px;
      margin: 10px 0 0;
    }
    .immunity_hero_mobile {
      padding: 100px 0 0;
    }
    .immunity_title_mobile {
      background: #f7f7f9 none repeat scroll 0 0;
      border-bottom: medium none;
      margin: 0;
      padding: 30px 15px 0;
    }
    .immunity_title_mobile2 {
      border: medium none;
      margin: 0;
      padding: 15px;
    }
    .immunity_written {
      margin: 0;
      padding: 0 15px;
    }
    .immunity_page {
      padding: 40px 0 50px;
    }
    .immunity_ctabtn .secondary_btn {
      display: block;
      text-align: center;
        max-width: 330px;
    }
    .immunity_mobile_display .panel-default {
      border: medium none;
      border-radius: 0;
    }
    
    .immunity_mobile_display .panel-default {
        border: medium none;
        border-radius: 0;
        margin: 0 0 30px;
        box-shadow: none;
    }
    .immunity_mobile_display .panel-default .panel-heading {
        background: transparent none repeat scroll 0 0;
        padding: 0;
    }
    .immunity_mobile_display .panel-default .panel-heading .panel-title a {
        color: #0070BA;
        font-family: "GothamMedium";
        font-size: 20px;
    }
    .immunity_mobile_display .panel-body {
      border: medium none !important;
      padding: 20px 0 0;
    }
    .immunity_mobile_display .immunity_single_content {
      margin: 0;
    }
    .immunity_mobile_display {
      margin: 0 0 50px;
    }
    
}
/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 480px) and (max-width: 767px) { 

}