html {
  max-width: 1440px;
  margin: 0 auto;
background-color: #0F6B84;}

h1 {
  font-family: Nimbus Sans Extd, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  text-transform: capitalize;
  color: #0F6B84; }
  @media (min-width: 700px) {
    h1 {
      font-size: 22px; } }
  @media (min-width: 1024px) {
    h1 {
      font-size: 24px; } }

h2 {
  font-family: Nimbus Sans Extd, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 30px;
  text-transform: capitalize;
  color: #0F6B84;
  text-transform: uppercase;}
  @media (min-width: 700px) {
    h2 {
      font-size: 32px; } }
  @media (min-width: 1024px) {
    h2 {
      font-size: 45px; } }

h3 {
  font-family: Nimbus Sans Extd, Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  text-transform: capitalize;
  color: #0F6B84; }
  @media (min-width: 700px) {
    h3 {
      font-size: 18px; } }
  @media (min-width: 1024px) {
    h3 {
      font-size: 20px; } }

h4 {
  font-family: Nimbus Sans Extd, Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 22px;
  text-transform: capitalize;
  color: #0F6B84;}
  @media (min-width: 700px) {
    h4 {
      font-size: 18px; } }
  @media (min-width: 1024px) {
    h4 {
      font-size: 20px; } }

p, li {
  font-family: Nimbus Sans Extd, Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 24px;
  color: #0F6B84; }
  @media (min-width: 700px) {
    p, li {
      font-size: 13px;
      line-height: 20px; } }
  @media (min-width: 1024px) {
    p, li {
      font-size: 16px;
      line-height: 26px; } }
  p span, li span {
    font-weight: 700; }

table{
  table-layout: fixed ;
  width: 100%;
  margin: 30px 0px 70px 0px;}
  @media (min-width: 700px) {
    table {
      margin: 30px 0px 50px 0px;} }
  @media (min-width: 1024px) {
    table{
      margin: 50px 0px 100px 0px; } }
td{
  text-align: center;
  border: none;
  }

td > h3,h4{
  margin: 10px 0px;}
  @media (min-width: 700px) {
    td > h3,h4 {
      margin: 12px 0px; } }
  @media (min-width: 1024px) {
    td > h3,h4 {
      margin: 14px 0px; } }

a {
  font-family: Nimbus Sans Extd, Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  color: #0F6B84; }
  @media (min-width: 700px) {
    a {
      font-size: 18px; } }
  @media (min-width: 1024px) {
    a {
      font-size: 20px; } }
  a:hover {
    font-style: italic; }
.small-link{
  font-family: Nimbus Sans Extd, Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 12px !important;
  line-height: 24px;
  color: #0F6B84; }
  @media (min-width: 700px) {
    a.small-link {
      font-size: 13px !important;
      line-height: 20px; } }
  @media (min-width: 1024px) {
    a.small-link {
      font-size: 16px !important;
      line-height: 26px; } }
.kelli-link {
  color: #fff;
  font-family: Nimbus Sans Extd, Arial, sans-serif;
  font-weight:500;
  font-size: 16px;
}
.double-cta{
  margin-top: 20px;
}
.double-cta > div{
  padding: 0px;
  max-width: 500px;
  margin: 20px auto 0px auto;
}
.double-cta > div > p{
  text-align: center;
  font-size: 12px;
  line-height: 20px;
  margin: 0px 0px 15px 0px;
  padding: 0px;
}

section {
  padding: 65px 0; }
  @media (min-width: 700px) {
    section {
      padding: 80px 0; } }
  @media (min-width: 1024px) {
    section {
      padding: 100px 0; } }
.header-image{
  top: 0;
  bottom: 0;
  margin-bottom: -80px;
  margin-top: -100px;
      }
  @media (min-width: 700px) {
    .header-image {
      margin-top: -150px;
      margin-bottom: -110px;} }
  @media (min-width: 1024px) {
    .header-image {
      margin-top: -180px;
      margin-bottom: -150px; } }
.header-image > img{
  max-width: 100%;
  height: auto;
}
.event-schedule{
  background-color: #DEF6F8;
}
.event-schedule > .content{
  margin: 5% 6%;
  padding: 10% 10%;
  box-shadow: 0px 14px 90px rgba(12, 83, 85, 0.15);
  text-align: center;}
  @media (min-width: 1024px) {
  .event-schedule > .content {
    margin: 5% 10%;
    padding: 8% 10%; } }
.event-schedule > .content > h2{
  margin: 15px 0px 25px 0px;}
  @media (min-width: 700px) {
    .event-schedule > .content > h2 {
      margin: 20px 0px 30px 0px;} }
  @media (min-width: 1024px) {
    .event-schedule > .content > h2 {
      margin: 30px 0px 60px 0px;} }
.event-schedule > .content > h3{
  margin: 10px 0px;}
.event-schedule > .content > h4{
  margin: 10px 0px;}
.event-schedule > div.content > p{
  margin: 30px 0px;}

/* RESONSIVE TABLE QUERIES */
@media (min-width: 700px) {
  .mobile-table{
    display: none;}
  .desktop-table{
    display: table;
    } }
@media (max-width: 700px) {
  .mobile-table{
    display: table;}
  .desktop-table{
    display: none;
    } }
    .professionals-msg {
      margin-top:30px !important;
    }
    @media (min-width: 700px) {
      .professionals-msg {
        margin-top:70px !important;} }
    @media (min-width: 1024px) {
      .professionals-msg{
        margin-top:100px !important;} }

/* GUEST SPEAKER SECTION */
.light{
  color: #DEF6F8;}
.guest-speaker{
  background-color: #0F6B84;
  background-image: url('img/background-squiggles.png.html');
  background-repeat: repeat;
  background-size: contain;
  display: flex;
  flex-wrap: wrap;
}
.guest-speaker > div{
  margin-bottom: -50px;
  width: 100%;}
  @media (min-width: 700px) {
    .guest-speaker > div{
      width: 50%;
      margin-bottom: -500px;} }
  @media (min-width: 1024px) {
    .guest-speaker > div{
      margin-bottom: -770px;} }


section.guest-speaker > div.content > h1{
  padding: 0px 0px 2% 15%;}
  @media (min-width: 700px) {
    section.guest-speaker > div.content > h1{
      padding: 0px 0px 3% 15%;} }
  @media (min-width: 1024px) {
    section.guest-speaker > div.content > h1{
      padding: 0px 0px 4% 15%;} }
section.guest-speaker > div.content > h2{
  padding: 0px 0px 5% 15%;}
  @media (min-width: 700px) {
    section.guest-speaker > div.content > h2{
      padding: 0px 0px 3% 15%;
        margin-top:-20px;
    } }
  @media (min-width: 1024px) {
    section.guest-speaker > div.content > h2{
      padding: 0px 0px 4% 15%;} }
section.guest-speaker > div.content > p{
  padding: 0px 15% 2% 15%;}
  @media (min-width: 700px) {
    section.guest-speaker > div.content > p{
      padding: 0px 0px 3% 15%;
        margin-top:-30px;
    }
      }
.img-container > img{
  width: 100%;
  margin: 50px auto 0px auto;
  z-index: 100;
  position: relative;
  }
  @media (min-width: 700px) {
    .img-container > img{
      margin: -200px auto 0px auto;
      z-index: 100;
      position: relative;} }
  @media (min-width: 1024px) {
    .img-container > img{
      margin: -280px auto 0px auto;
      z-index: 100;
      position: relative;} }
.squiggles {
    display: none;}
  @media (min-width: 700px) {
    .squiggles {
      display: none;} }
  @media (min-width: 1024px) {
    .squiggles {
      position: relative;
      width: 100%;
      top: -260px;
      z-index: 1;
    display: block;} }
/* STUDENTS SECTION */
.seniors {
  background: #136F88;
  box-shadow: 0px 14px 90px rgba(0, 0, 0, 0.05);
  padding: 10% 5%;
  z-index: 2;
  position: relative;}
  @media (max-width: 1024px) {
  .seniors{
    box-shadow: 0px 14px 90px rgba(0, 0, 0, 0.00);
    margin: 0 auto;
    position: relative;
  } }
  @media (max-width: 700px) {
    .seniors{
      box-shadow: 0px 14px 90px rgba(0, 0, 0, 0.00);
      margin: 0 auto;
      position: relative;
    } }
.student-info > div > h3{
  font-family: Nimbus Sans Extd, Arial, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 28px;
  text-transform: capitalize;
  text-transform: uppercase;
}
.student-info > div > p{
  font-size: 14px;
  line-height: 28px;
  width: 80%;
}
.light > span{
  font-family: Nimbus Sans Extd, Arial, sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 28px;
  text-transform: capitalize;
  text-transform: uppercase;
}
img.prof{
  box-shadow: 0px 14px 90px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0px 14px 90px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0px 14px 90px rgba(0, 0, 0, 0.05);
  -khtml-box-shadow: 0px 14px 90px rgba(0, 0, 0, 0.05);
}
.seniors {
  background-color: #0F6B84;
  width: 80%;
  margin: 0 auto;
  max-width: 450px; }
  @media (min-width: 700px) {
    .seniors {
      max-width: 450px;
      margin-top: 180px; } }
  @media (min-width: 1024px) {
    .seniors {
      width: 90%;
      max-width: unset; } }
  .seniors h1 {
    margin-bottom: 15px;
    text-align: center; }
    @media (min-width: 700px) {
      .seniors h1 {
        margin-bottom: 20px; } }
    @media (min-width: 1024px) {
      .seniors h1 {
        margin-bottom: 25px; } }
  .seniors h2 {
    margin-bottom: 30px;
    text-align: center; }
    @media (min-width: 700px) {
      .seniors h2 {
        margin-bottom: 45px; } }
    @media (min-width: 1024px) {
      .seniors h2 {
        margin-bottom: 60px; } }
  @media (min-width: 1024px) {
    .seniors .student-group .student-images {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      margin-bottom: 30px; } }
  .seniors .student-group .student-images .individual-student {
    display: block;
    text-decoration: none;
    position: relative;
    color: #FEFEFE; }
    @media (min-width: 1024px) {
      .seniors .student-group .student-images .individual-student {
        width: 22%; } }
    .seniors .student-group .student-images .individual-student img {
      display: block;
      width: 100%;
      margin-bottom: 20px; }
      @media (min-width: 1024px) {
        .seniors .student-group .student-images .individual-student img {
          margin: 0; } }
      .seniors .student-group .student-images .individual-student img.silly {
        display: none; }
    .seniors .student-group .student-images .individual-student .portfolio-button {
      position: absolute;
      bottom: 0;
      width: 100%;
      padding: 10px 0; }
      .seniors .student-group .student-images .individual-student .portfolio-button p {
        text-align: center;
        color: #FEFEFE;
      font-size: 16px;}
        @media (min-width: 1024px) {
          .seniors .student-group .student-images .individual-student .portfolio-button p {
            font-size: 16px; } }
    .seniors .student-group .student-images .individual-student:hover .portfolio-button {
      text-decoration: underline;
      background-color: #0F6B84;
      box-shadow: 0px 14px 90px rgba(0, 0, 0, 0.25);}
    .seniors .student-group .student-images .individual-student:hover .prof {
       }
  .seniors .student-group .student-images .mobile-content {
    margin-bottom: 40px; }
    @media (min-width: 700px) {
      .seniors .student-group .student-images .mobile-content {
        margin-bottom: 45px; } }
    @media (min-width: 1024px) {
      .seniors .student-group .student-images .mobile-content {
        display: none; } }
  @media (min-width: 1024px) {
    .seniors .student-group:last-of-type .student-images {
      justify-content: start; } }
  @media (min-width: 1024px) {
    .seniors .student-group:last-of-type .student-images .individual-student {
      margin-right: 4%; } }
  .seniors .student-info {
    display: none; }
    @media (min-width: 1024px) {
      .seniors .student-info {
        margin-bottom: 30px;
        display: block;
        height: 150px; } }
    .seniors .student-info div {
      display: none; }
      .seniors .student-info div h3 {
        margin-bottom: 15px; }
      .seniors .student-info div.hovered {
        display: block; }

.sponsors {
  background: #DEF6F8; }
  .sponsors h2 {
    text-align: center;
    margin-bottom: 30px; }
    @media (min-width: 700px) {
      .sponsors h2 {
        margin-bottom: 45px; } }
    @media (min-width: 1024px) {
      .sponsors h2 {
        margin-bottom: 60px; } }
  .sponsors .sponsors-grid {
    width: 80%;
    margin: 0 auto;
    max-width: 450px; }
    @media (min-width: 700px) {
      .sponsors .sponsors-grid {
        display: flex;
        flex-wrap: wrap;
        max-width: unset;
        justify-content: flex-start;
        align-items: center; } }
    .sponsors .sponsors-grid div {
      display: block;
      margin: 0 auto 30px;
      width: 100%; }
      @media (min-width: 700px) {
        .sponsors .sponsors-grid div {
          width: 45%;
          margin: 0 2.5% 45px; } }
      @media (min-width: 1024px) {
        .sponsors .sponsors-grid div {
          width: 30%;
          margin: 0 1.66% 60px; } }
      .sponsors .sponsors-grid div img {
        display: block;
        max-height: 75px;
        max-width: 150px;
        margin: 0 auto; }
        @media (min-width: 700px) {
          .sponsors .sponsors-grid div img {
            max-height: 125px;
            max-width: 300px; }
            .sponsors .sponsors-grid div img.horiz {
              max-height: 75px; } }
    .sponsors .sponsors-grid.smaller-logos div {
      width: 45%; }
      @media (min-width: 700px) {
        .sponsors .sponsors-grid.smaller-logos div {
          width: 30%;
          margin: 0 1.66% 45px; } }
      @media (min-width: 1024px) {
        .sponsors .sponsors-grid.smaller-logos div {
          width: 18%;
          margin: 0 3.5% 60px; } }
      .sponsors .sponsors-grid.smaller-logos div img {
        max-height: 50px;
        max-width: 75px; }
        @media (min-width: 700px) {
          .sponsors .sponsors-grid.smaller-logos div img {
            max-height: 75px;
            max-width: 150px; } }
  .sponsors h4 {
    width: 80%;
    margin: 0 auto 25px;
    max-width: 450px; }
    @media (min-width: 700px) {
      .sponsors h4 {
        max-width: unset;
        margin-bottom: 30px; } }
    @media (min-width: 1024px) {
      .sponsors h4 {
        margin-bottom: 45px; } }
  .sponsors .contributers {
    width: 80%;
    margin: 0 auto;
    max-width: 450px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media (min-width: 700px) {
      .sponsors .contributers {
        max-width: unset; } }
    .sponsors .contributers ul {
      list-style: none;
      width: 45%;
      margin-bottom: 20px; }
      @media (min-width: 700px) {
        .sponsors .contributers ul {
          width: 30%;
          margin-bottom: 30px; } }
      @media (min-width: 1024px) {
        .sponsors .contributers ul {
          margin-bottom: 45px; } }
footer{
  background-color: #DEF6F8;

}
.footer-link-div{
  max-width: 600px;
}
footer > p{
  text-align: center;
  padding: 20px;
}
sectionfooter{
  padding: 20px 0px;
}
.footer-link{
  font-size: 15px;
  text-align: center;
  margin: 0 auto;
}

.donate {
  margin: 0 auto;
  text-align: center;
  align-items: center;
  color: #DEF6F8;
}

.taylor {
  margin: 0 auto;
  text-align: center;
  align-items: center;
  color: #0f6B84;
}
.tickets{
  font-size: 26px;
  margin-bottom:20px;
}