*{
  margin:0px;
  padding:0px;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Inter', sans-serif;
  color:#161616;
  font-size:16px;
  margin: 0px;
}

h1{
  margin: 0 0 40px;
  font-family: 'Open Sans', sans-serif;
  font-size: 2.8em;
  font-weight: 900;
  text-transform: uppercase;
  text-align: center;
}

h3{
  margin: 0 0 20px;
}

p{
  margin: 0 0 20px;
  line-height: 1.5em;
}

a{
  text-decoration: none;
  transition: .4s;
}

ul,
ol{
  padding-left: 40px;
  margin-bottom: 20px;
}

ul li,
ol li{
  margin-bottom: 5px;
  text-align: left;
  line-height: 1.4em;
}

ol li{
  margin-bottom: 10px !important;
}

.slick-next {
    right: -15px !important;
}

.slick-prev{
  left: -15px !important;
}

.center-text{
  text-align: center;
}

.subpage-hero2{
  background: url(images/beach-hero2.jpg) no-repeat 50% 65% !important;
  background-size: cover !important;
}
.subpage-hero3{
  background: url(images/beach-hero3.jpg) no-repeat 50% 90% !important;
  background-size: cover !important;
}
.subpage-hero4{
  background: url(images/rocks-hero.jpg) no-repeat 50% 10% !important;
  background-size: cover !important;
}
.subpage-hero5{
  background: url(images/cliff-hero.jpg) no-repeat 50% 70% !important;
  background-size: cover !important;
}

#thank-you-content{
  text-align: center;
  font-size: 1.25em;
}

#thank-you-content h3{
  color: #6a92ab;
}

.g-recaptcha{
  margin-top: 20px;
}

.captcha-text{
  color: red;
  font-weight: bold;
}

#homepage-update{
  background: #f1f2f4;
/*  text-align: center;*/
}

#homepage-update h1, #homepage-update h3{
  color: #6a92ab;
  text-align: center;
}

#homepage-update .container{
  display: flex;
  flex-direction: column;
  align-items: center;
}

.update-text{
  border:2px solid #6a92ab;
  box-shadow: 0px 8px 16px 1px rgba(0,0,0,0.2);
  padding:20px 20px 0px;
}

.update-text p a{
  border-bottom: 2px solid #6a92ab;
  color: inherit;
  font-weight: bold;
}

.update-text p a:hover{
  color: #6a92ab;
}

#homepage-update img{
  max-width: 300px;
  height: auto;
  width: 100%;
  margin-top:20px;
}

#homepage-announcement{
      padding-bottom: 20px;
    }

#homepage-announcement .container{
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}

.upcoming-event-container{
  max-width: 600px;
  width: 100%;
  margin:0 auto 60px;
}

.upcoming-event-container img{
  width: 100%;
  height: auto;
  margin-block: 20px;
}

#homepage-announcement .announcement-title{
  margin-bottom: 40px;
  width: 100%;
}

.announcement-title h1{
  margin-bottom: 10px;
}

.announcement-title img{
  width: 60px !important;
  height: auto;
}

#homepage-announcement img{
  max-width: 600px;
  width: 100%;
  height: auto;
  display: block;
  margin:0 auto 30px;
}

#homepage-announcement a{
  background: #6a92ab;
  border:2px solid #6a92ab;
  padding:10px 40px;
  color: white;
  display: block;
  margin:0 auto;
  width: fit-content;
  font-weight: bold;
}

#homepage-announcement a:hover{
  color: #6a92ab;
  background: transparent;
}

.upcoming-webinar {
  border-bottom: 1px solid #6a92ab;
  text-align: center;
 }

 .upcoming-webinar .container{
  display: flex;
  flex-direction: column;
  align-items: center;
 }

 .upcoming-webinar img{
  width: 100%;
  height: auto;
  max-width: 600px;
 }

 a.membership-btn{
  margin:0 auto 40px !important;
  text-align: center !important;
  width: fit-content !important;
 }

 #announcement-update{
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #6a92ab;
  width: 100%;
  padding-top:60px;
  border-top:1px solid lightgray;
  margin-bottom: 40px;
  text-align: center;
 }

 #announcement-update a{
  border:2px solid #6a92ab;
  padding:10px 20px;
  background: #6a92ab;
  color: #fff;
 }

 #announcement-update a:hover{
  background: white;
  color: #6a92ab;
 }

 /*HOMEPAGE LIT STYLES*/

#homepage-lit{
  padding:60px 20px;
  background: #6a92ab;
  color: white;
}

#homepage-lit .container{
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
}

#homepage-lit p{
  margin-bottom: 0px;
  font-weight: bold;
  font-size: 1.5em;
}

#homepage-lit a{
  display: block;
  width: fit-content;
  border-radius: 5px;
  background: #fff;
  border:2px solid #fff;
  box-shadow: 0px 8px 16px 1px rgba(0,0,0,0.2);
  padding:10px 40px;
  color: #6a92ab;
  margin-left:60px;
  font-weight: bold;
  font-size: 1.1em;
}

#homepage-lit a:hover{
  background: transparent;
  color: #fff;
}

#homepage-lit i{
  transition: .2s;
}

#homepage-lit a:hover i{
  margin-left:20px;
}

#homepage-nomination{
  background: #f1f2f4;
/*    color: white;*/
}

#homepage-nomination .container{
  max-width: 900px;
}

#homepage-nomination h1{
  color: #6a92ab;
}

.vivex{
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 60px;
  padding-top:60px;
  border-top:1px solid lightgray;
  width: 100%;
}

.vivex img{
  width: 100%;
  height: auto;
  max-width: 500px;
}

/*COURSE DIRECTOR STYLES*/

#course-directors h3{
  font-size: 1.5em;
  text-transform: uppercase;
}

#course-directors p{
  font-weight: bold;
}

/*LIT PAGE GRID STYLES*/

#lit-members-grid h2{
  text-align: center;
}

#lit-gallery {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 1rem;
  margin-top: 1rem;
  margin-bottom: 60px;
}

#lit-gallery img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  cursor: pointer;
  border-radius: 8px;
  transition: transform 0.2s ease;
}

#lit-gallery img:hover {
  transform: scale(1.03);
}

/* Popup styles */
.popup {
  display: none;
  position: fixed;
  z-index: 999;
  padding-top: 60px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0,0,0,0.9);
}

.popup-content {
  margin: auto;
  display: block;
  max-width: 90%;
  max-height: 80vh;
  border-radius: 8px;
}

.popup .close {
  position: absolute;
  top: 20px;
  right: 35px;
  color: #fff;
  font-size: 40px;
  font-weight: bold;
  cursor: pointer;
  transition: 0.3s;
}

.popup .close:hover {
  color: #ccc;
}

img.lit-logo{
  display: block;
  margin:0px auto 40px;
  width: 100%;
  height: auto;
  max-width: 200px;
}

.members-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
  margin-top: 1rem;
  margin-top:60px;
}

.members-grid div {
  background: #fff;
  padding: 0.75rem 1rem;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
  font-weight: 500;
}

.program-event-img{
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: center;
}

.program-event-img img{
  width: 100%;
  max-width: 500px;
  height: auto;
  margin:20px;
}

#united-partnership{
    border-top:1px solid #6a92ab;
}

#united-partnership img{
  max-width: 700px;
  height: auto;
  width: 100%;
  display: block;
  margin:0 auto 40px;
}

@media (min-width: 1100px) {

  .container {
    width:1100px;
    margin:0 auto;
  }

  .content{
    padding: 80px 0;
  }

  /*** HEADER DESKTOP STYLES ***/

  #top-header{
    border-bottom: 1px solid #acacac;
    font-size: .9em;
  }

  #top-header .container{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  #top-header-contact{
    display: flex;
    justify-content: space-between;
    align-items: center;
/*    width: 400px;*/
    padding-left: 12px;
  }

  #top-header-contact a,
  #psps-gives-back a{
    color: #acacac;
  }

  #top-header-contact a:hover,
  #psps-gives-back a:hover{
    color: #6a92ab;
  }

  #top-header-contact i,
  #psps-gives-back i{
    color: #6a92ab;
  }

  #top-header-calendar a{
    color: #acacac;
    font-size: 1.33em;
    margin-right: 15px;
  }

  #top-header-calendar a:hover{
    color: #6a92ab;
  }

  #navContainer{
    background: white;
    width: 100%;
    transition: .6s;
    position: fixed;
    top: 0;
    min-height: fit-content;
    z-index: 100;
    border-bottom: 1px solid #6a92ab;
  }

  #navContainer .container{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
  }

  #navContainer img{
    width: 300px;
    height: auto;
    margin-top: 5px;
  }

  .topnav{
    width: 750px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .topnav a{
    color: #6a92ab;
    padding: 8px 16px;
  }

  .topnav a:hover{
    color: #fff;
    background-color: #6a92ab;
  }

  #myTopnav a.icon{
    display: none;
  }

  .dropdown {
    position: relative;
    display: inline-block;
  }

  .hidden {
    display: none;
    position: absolute !important;
    z-index: 1;
    padding-top: 10px;
  }

  .hidden a {
    color: #fff;
    padding: 10px 12px;
    text-decoration: none;
    display: block;
    background: rgba(106, 146, 171, .9);
    font-size: .9em;
    width: 190px;
    transition: .4s ;
    border-bottom: 1px solid #6a92ab;
    border-left: 1px solid #6a92ab;
    border-right: 1px solid #6a92ab;
  }

  .hidden a:hover{
    background-color: #fff;
    color: #6a92ab;
    display: block;
    opacity: 1;
  }

  .hidden a:first-child{
    border-top: 1px solid #6a92ab;
  }

  .dropdown:hover .hidden {
    display: block;
  }

  .dropbtn{
    cursor: default;
  }

  a.dropbtn:hover{
    color:#6a92ab;
    background-color:transparent;
  }

  .hidden:hover{
      opacity: 1;
  }

  .hidden {
      animation: fadeIn .5s;
      -webkit-animation: fadeIn .5s;
      -moz-animation: fadeIn .5s;
      -o-animation: fadeIn .5s;
      -ms-animation: fadeIn .5s;
    }
    @keyframes fadeIn {
      0% {opacity:0;}
      100% {opacity:1;}
    }

    @-moz-keyframes fadeIn {
      0% {opacity:0;}
      100% {opacity:1;}
    }

  /***HERO DEKSTOP STYLES***/

  #homepage-hero{
    background: url('images/hero-curve2.jpg') no-repeat bottom center;
    background-size: cover;
    height: 700px;
    margin-top: 115px;
    color: white;
    font-size: 1.65em;
    text-align: center;
    margin-bottom: -2px;
  }

  #homepage-hero .container{
    height: 90%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
  }

  #homepage-hero h1{
    font-weight: 900;
    text-transform: uppercase;
    font-size: 2.5em;
    margin-bottom: 10px;
  }

  #homepage-hero i{
    margin: 0px 10px;
    font-weight: 300;
    color: white;
  }

  #homepage-hero h2{
    margin-bottom: 0px;
  }

  #homepage-hero h2, 
  #homepage-hero h3{
    font-weight: 300;
  }

  #hero-links{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
  }

  #hero-links a{
    padding: 15px;
    color: white;
    margin: 0 10px;
    width: 140px;
    text-transform: uppercase;
    font-size: .7em;
  }

  #hero-links a:hover{
    color: #6a92ab;
    background: white;
  }

  a.learn-more-btn{
    border: 2px solid white;
  }

  a.sign-up-btn{
    background-color: #6a92ab;
    color: white;
    border: 2px solid #6a92ab;
  }

  a.sign-up-btn:hover{
    border: 2px solid white;
  }

  #homepage-about{
    background-color: #7e2b7c;
    color: white;
    /*padding-bottom: 0px;*/
  }

  #homepage-about h1{
    color: white;
    text-transform: uppercase;
    padding-bottom: 10px;
    border-bottom: 1px solid #161616;
    width: 400px;
  }

  #homepage-about .container{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  #homepage-about-text{
    width: 500px;
  }

  #homepage-about-text span{
    font-size: 1.15em;
    font-weight: bold;
  }

  #homepage-about img{
    width: 500px;
    height: auto;
    /*border-radius: 10px;*/
  }

  #homepage-webinars h1{
    color: #6a92ab;
    text-align: center;
  }

  #homepage-webinars .vimeo{
    padding: 0 20px;
  }

  #tune-in{
    background: url(images/tune-in-background.jpg) no-repeat center;
    background-size: cover;
    height: 600px;
    color: white;
  }

  #tune-in-title{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  #tune-in-title h1{
    color: #6a92ab;
    margin-bottom: 15px;
  }

  #tune-in-title img{
    margin-bottom: 15px;
    width: 60px !important;
    height: auto;
  }

  #tune-in-title p{
    width: 700px;
  }

  #homepage-podcast-container{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 40px;
  }

  #homepage-pod-text{
    width: 500px;

  }

  #homepage-pod-text h3{
    font-size: 1.75em;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 5px;
  }

  #homepage-pod-text span{
    color: #6a92ab;
  }

  p.border-bottom{
    padding-bottom: 10px;
    border-bottom: 1px solid #6a92ab;
  }

  #homepage-pod-text a{
    color: white;
    text-transform: uppercase;
    font-size: 1.25em;
  }

  #homepage-pod-text a:hover{
    color: #6a92ab;
  }

  #homepage-podcast-container img{
    border: 10px solid white;
    width: 500px;
    height: auto;
  }

  /***SUBPAGE DESKTOP STYLES***/

  .subpage-hero{
    background: url(images/ocean-background.jpg) no-repeat center;background-size: cover;
    height: 300px;
    margin-top: 115px;
    color: white;
  }

  .subpage-hero .container{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 90%;
  }

  .subpage-hero h1{
    text-transform: uppercase;
    font-size: 3em;
    margin-bottom: 0px;
  }

  .subpage-content h2{
    color: #6a92ab;
    text-align: center;
    margin: 0 0 40px;
  }

  .subpage-content a{
    color: #161616;
    border-bottom: 1px solid #6a92ab;
    font-weight: bold;
  }

  .subpage-content a:hover{
    color: #6a92ab;
  }

  /*.subpage-content ul{
    margin-bottom: 30px;
  }*/

  .subpage-content li{
    margin-bottom: 5px;
  }

  .text-center{
    text-align: center;
  }

  /***BOARD OF DIRECTORS DESKTOP STYLES***/

  #board-content .container{
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: space-between;
  }

  #board-content h2, 
  #board-spotlight h2{
    width: 100%;
    text-align: center;
    color: #6a92ab;
    margin-bottom: 60px;
    padding-bottom: 5px;
    font-size: 2em;
    border-bottom: 2px solid #6a92ab;
  }

  #board-spotlight{
    background: #f2f2f5;
  }

  #board-spotlight img{
    display: block;
    margin: 0 auto;
    max-width: 600px;
    width: 100%;
    height: auto;
  }

  .director{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 20px;
    width: 300px;
    height: 390px;
    text-align: center;
  }

  .director img{
    border-radius: 50%;
    width: 270px;
    height: auto;
    margin-bottom: 20px;
  }

  .director h3{
    color: #6a92ab;
    margin-bottom: 10px;
  }

  #disclosures{
    width: 100%;
    margin: 40px 0 0;
    text-align: center;
  }

  #disclosures a{
    display: block;
    width: 400px;
    padding: 15px 20px;
    color: white;
    background: #6a92ab;
    border: 2px solid #6a92ab;
    margin: 0 auto;
  }

  #disclosures a:hover{
    color: #6a92ab;
    background: white;
  }

  /***GET INVOLVED DESKTOP STYLES***/

  .get-involved-form{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 40px;
    margin: 0 auto;
    width: 400px;
  }

  .get-involved-form input{
    padding: 10px;
    font-family: 'Inter', sans-serif;
    color: #161616;
    height: 20px;
    margin-bottom: 20px;
    width: 400px;
  }

  .get-involved-form label{
    margin-bottom: 5px;
    width: 400px;
  }

  .get-involved-form select{
    width: 424px;
    font-family: 'Inter', sans-serif;
    font-size: 1em;
    padding: 10px;
  }

  .get-involved-form option{
    padding: 10px;
  }

  /***COMMITTEE DESKTOP STYLES***/

  #committee-content .container{
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    justify-content: flex-start;
  }

  .com-individual{
    display: flex;;
    flex-direction: column;
    width: 320px;
    padding: 20px;
  }

  .com-individual h3{
    /*text-align: center;*/
    color: #6a92ab;
    margin-bottom: 10px;
  }

  .com-individual p{
    margin-bottom: 10px;
  }

  p.border-bottom{
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #acacac;
  }

  /***ANNUAL CONFERENCE DESKTOP STYLES***/

  #annual-conference-content {
    padding-bottom: 20px;
  }

  #annual-conference-content h2{
    margin-top: 0px;
  }

  #annual-conference-content .container{
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  #annual-conference-content h2,
  #annual-conference-content h3{
    color: #6a92ab;
  }

  #annual-conference-content h2{
    font-size: 2em;
    text-align: center;
  }

  #annual-conference-content h3{
    align-self: flex-start;
  }

  a.pdf-link{
    display: block;
    margin-top: 20px;
    color: white;
    background: #6a92ab;
    border: 2px solid #6a92ab;
    padding: 12px 20px;
    min-width: 150px;
    text-align: center;
  }

  a.pdf-link:hover{
    background: white;
    color: #6a92ab;
  }

  .full-width-border{
    width: 100%;
    border-bottom: 1px solid #161616;
    margin: 60px 0;
  }

  .conference-form{
    display: flex;
    flex-direction: column;
    margin-top: 20px;
  }

  .conference-form label{
    font-family: 'Inter', sans-serif;
    color: #161616;
    margin-bottom: 5px;
  }

  .conference-form select{
    margin-bottom: 10px;
    padding: 10px;
    font-family: 'Inter', sans-serif;
    width: 425px;
  }

  .conference-form option{
    font-family: 'Inter', sans-serif;
  }

  .conference-form input{
    padding: 10px;
    font-family: 'Inter', sans-serif;
    color: #161616;
    margin-bottom: 10px;
    width: 400px;
    height: 30px;
  }

  .conference-form p{
    text-align: left !important;
    font-size: 1em !important;
    margin-top: 20px;
  }

  .conference-form h4{
    margin-top: 20px;
  }

  .radio-container{
    display: flex;
    align-items: center;
  }

  .conference-form input[type="radio"]{
    height: 15px;
    width: 15px;
    margin-right: 20px;
    margin-bottom: 5px;
  }

  input#submit {
    width: 200px;
    text-align: center;
    color: white;
    background: #6a92ab;
    border: 2px solid #6a92ab;
    padding: 10px;
    height: 45px;
    transition: .4s;
    margin-top: 40px;
    font-size: 1.15em;
  }

  input#submit:hover{
    color: #6a92ab;
    background: white;
    cursor: pointer;
  }

  #conference-slides{
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid #6a92ab;
  }

  #conference-slides h2{
    width: 100%;
    text-align: center;
  }

  .conference-slide{
    width: 280px;
    min-height: 185px;
    padding: 20px;
    box-shadow: 2px 2px 4px #acacac;
    /*border: 1px solid #acacac;*/
    text-align: center;
    margin-bottom: 60px;
    transition: .4s;
  }

  .conference-slide:hover{
    transform: scale(1.05); 
  }

  .conference-slide h3{
    min-height: 97px;
  }

  .conference-slide a{
    display: block;
    width: 150px;
    padding: 10px;
    background: #6a92ab;
    border: 2px solid #6a92ab;
    margin: 0 auto;
    color: white;
  }

  .conference-slide a:hover{
    background: white;
    color: #6a92ab;
  }

  /***MEMBERSHIP DESKTOP STYLES***/

  #membership-form h2{
    margin-bottom: 60px;
  }

  #membership-form{
    margin-top: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  #membership-form iframe{
    width: 850px;
    height: 500px;
    border: 5px solid #6a92ab;
   }

   /***CALL FOR ABSTRACTS DESKTOP STYLES***/

  .submit-container{
    margin-top: 40px;
    text-align: center;
   }

  .abstract-btn{
    color: white !important;
    background: #6a92ab;
    border: 2px solid #6a92ab;
    padding: 10px 20px;
    display: block;
    margin:0 auto 20px;
    width: 150px;
    border-radius: 5px;
    text-align: center;
   }

   .abstract-btn:hover{
    color: #6a92ab !important;
    background: white;
   }

  /*** RESEARCH GRANT DESKTOP STYLES***/

  .grant-btn{
    color: white !important;
    background: #6a92ab;
    border: 2px solid #6a92ab !important;
    padding: 10px 20px;
    display: block;
    margin:40px auto 20px;
    width: 250px;
    text-align: center;
  }

  .grant-btn:hover{
    color: #6a92ab !important;
    background: white;
   }

   /*LIT DESKTOP STYLES*/

   #lit-table{
    display: none;
   }

  table {
    font-family: 'Inter', sans-serif;
    border-collapse: collapse;
    width: 100%;
    margin:40px 0;
  }

  /*th{
    color: #6a92ab;
  }*/

  td, th {
    border: 1px solid #6a92ab;
    text-align: left;
    padding: 8px;
  }

  th{
    background: #6a92ab;
    color: white;
    border-right:1px solid #f1f2f4;
  }

  th:last-of-type{
    border-right:1px solid #6a92ab;
  }

  tr:nth-child(even) {
    background: #E0E0E0;
    background: #f1f2f4;
  }

  a.lit-link{
    display: block;
    width: fit-content;
    color: white;
    border:2px solid #6a92ab !important;
    background: #6a92ab;
    padding:14px 80px;
    font-weight: bold;
    margin:40px auto 0;
    border-radius: 5px;
  }

 a.lit-link:hover{
    background: white;
    color: #6a92ab;
  }

   #why-lit h3{
    width: 100%;
    color: #6a92ab;
    font-size: 1.5em;
    margin-bottom: 40px;
    text-align: center;
   }

   /***WEBINAR DESKTOP STYLES***/

   .webinar-content{
    padding-bottom: 0px;
   }

   .webinar-content .container{
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    justify-content: space-between;
   }

   .webinar-content h1{
    width: 100%;
    text-align: center;
    font-size: 2em;
   }

   .webinar{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 60px;
    margin-bottom: 60px;
    border-bottom: 1px solid #acacac;

   }

   .program-content .webinar{
    margin-bottom: 0px;
    padding-bottom: 0px;
   }

   .webinar:last-child{
    border-bottom: none;
   }


   .webinar-text{
    width: 400px;
    background: white;
    box-shadow: 4px 2px 6px rgba(0, 0, 0, 0.1);
   }

   .program-content .webinar-text{
    box-shadow: none;
   }

   .webinar-text p{
    font-weight: bold;
   }

   .program-content .webinar-text p{
    font-weight: normal;
   }

   .webinar-text h3{
    color: #6a92ab;
   }

   a.webinar-btn{
    color: white;
    background: #6a92ab;
    padding: 10px 20px;
    text-transform: uppercase;
    border: 2px solid #6a92ab;
    display: block;
    text-align: center;
    width: 160px;
    border-radius: 5px;
    margin-bottom: 40px;
   }

   a.webinar-btn:hover{
    background: white;
    color: #6a92ab;
   }

   .webinar img{
    width: 500px;
    height: auto;
   }

   /*#webinar-container{
    background: #6a92ab;
    color: white;
   }*/

   #webinar-container h2{
    text-align: center;
    margin-bottom: 60px;
    font-size: 2em;
    width: 100%;
   }

   .webinar-container .container{
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    justify-content: space-between;
   }

   .webinar-individual{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 335px;
    margin-bottom: 40px;
   }

   .webinar-individual h3{
    color: #6a92ab;
   }

   .webinar-individual iframe{
    width: 325px;
    height: 240px;
    margin-bottom: 20px;
    border: 1px solid white;
   }

   #webinar-video {
   margin-bottom: 40px;
  }

  .webinar-individual .webinar-text{
    border:1px solid lightgray;
    padding:20px;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

   /*WEBINAR INDIVIDUAL DESKTOP STYLES*/

   #web-individual-content iframe{
    display: block;
    width: 660px;
    height: 371px;
    margin: 0 auto 40px;
   }

   .webinar-logos{
    display: flex;
    justify-content: flex-start;
    align-items: center;
   }
   .webinar-logos img{
    margin: 0 10px 20px;
   }

   .complications-content img{
    width: 600px;
    height: auto;
    display: block;
    margin:0 auto;
   }

   .complications-content .webinar-btn{
    margin:0 auto 40px;
   }

   /*SO-CAL SUMMIT DESKTOP STYLES*/

   #so-cal-summit-content a{
    min-width: 200px;
    margin: 20px 0;
   }


   /*NEUROMODULATION DESKTOP STYLES*/

   .basic-form{
    margin-top: 60px;
   }

   .webinar-event-img{
    display: flex;
    flex-direction: column;
    align-items: center;
   }

   .webinar-event-img img{
    width: 274px;
    height: 274px;
    margin-bottom: 40px;
    border-radius: 5px;
   }

   img.event-flyer{
    width: 600px;
    height: auto;
   }

   .program-event-img img.event-flyer{
    max-width: 1000px;
    width: 100%;
    margin-top:40px;
   }


   #course-directors{
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    padding-top: 40px;
   }

   #course-directors h3{
    width: 100%;
    color: #6a92ab;
    font-size: 1.5em;
    margin-bottom: 40px;
    text-align: center;
   }

   .course-director {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin:0 20px;
    width: 21%;
   }

   .course-director img{
    width: 100%;
    height: auto;
    margin-bottom: 10px;
   }

   /***PODCAST DESKTOP STYLES***/

   .podcast-container{
    margin-top: 40px;
   }

   .podcast-container iframe{
    width: 1100px;
    height: 200px;
   }

  /***EVENTS PAGE DESKTOP STYLES***/

  #events-content .container{
    /*display: flex;
    flex-flow: row wrap;*/
  }

  .events-description{
    margin-bottom: 60px;
  }

  .event-container{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 40px 20px;
  }

  .event-container:nth-of-type(even){
    background: #f6f6f6;
  }

  .event-container a{
    padding: 10px 20px;
    background: #6a92ab;
    border: 2px solid #6a92ab;
    color: white;
  }

  .event-container a:hover{
    background: white;
    color: #6a92ab;
  }


  /***FOOTER DESKTOP STYLES***/

  #footer-background{
    background: url(images/mountain-background.jpg) no-repeat center;background-size: cover;
  }

  .events-title{
    border-bottom: 1px solid #acacac;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
  }

  .events-title a{
    color: #161616;
    font-weight: bold;
    font-size: 1.33em;
  }

  .events-title a:hover{
    color: #6a92ab;
  }

  #events h1{
    text-align: center;
    font-size: 2em;
    margin-bottom: 10px;
  }

  #events .container{
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
  }

  .event{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    width: 180px;
    height: 270px;
/*    border-bottom: 1px solid #6a92ab;*/
  }

  .event:last-of-type{
    margin-left:200px;
  }

  .event a{
    color: #fff;
    background-color: #6a92ab;
    padding: 8px 16px;
    text-transform: uppercase;
    text-align: center;
    width: 130px;
/*    margin-bottom: 20px;*/
  }

  .event a:hover{
    color: #fff;
    background-color: #161616;
  }

  footer .container{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 40px auto;
  }

  .footer-div{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  #footer-social{
    width: 200px;
    padding-right: 20px;
  }

  #footer-social a{
    color: #161616;
    font-size: 20px;
    height: 20px;
    width: 20px;
    text-align: center;
    line-height: 20px;
    padding: 10px;
  }

  #footer-social a:hover{
    background-color: #6a92ab;
    color: white;
  }

  #footer-nav{
    width: 500px;
    height: 50px;
    padding: 0 30px;
    border-left: 1px solid #acacac;
    border-right: 1px solid #acacac;
  }

  #footer-nav a{
    color: #6a92ab;
    padding: 6px 10px;
  }

  #footer-nav a:hover{
    background-color: #6a92ab;
    color: white;
  }

  #footer-email{
    width: 275px;
    padding-left: 30px;
  }

  #footer-email form{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
  }

  #footer-email input[name=email] {
    padding: 0 10px;
    height: 40px;
    background-color: #fff;
    color: #161616;
    border-left: 1px solid #acacac;
    border-top: 1px solid #acacac;
    border-bottom: 1px solid #acacac;
    width: 70%;
}

  #footer-email input[type=submit] {
    background-color: #6a92ab;
    border: none;
    width: 30%;
    padding: 0 15px;
    height: 42px;
    margin-left: -2px;
    transition: .4s;
    text-align: center;
  }

   #footer-email input[type=submit]:hover{
    background: #161616;
    color: white;
    cursor: pointer;
   }

   #sub-footer{
    background-color: #2d3d42;
    padding: 20px 0;
    color: #acacac;
    text-align: center;
   }

   #sub-footer a{
    color: #acacac;
    border-bottom: 1px solid white;
   }

   #sub-footer a:hover{
    color: white;
   }

}

@media (max-width: 1090px) {

  .container {
    width: 100%;
    margin:0 auto;
  }

  .content{
    padding: 60px 20px;
  }

  h1{
    font-size: 2.3em;
  }

  /***** HEADER MOBILE STYLES *****/

  #top-header{
    padding: 5px 10px;
    border-bottom: 1px solid #acacac;
    font-size: .9em;
  }

  #top-header .container{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  #top-header-contact{
    display: flex;
    /*justify-content: space-around;*/
    align-items: center;
    margin-left: 5px;
    width: 320px;
  }

  #top-header-contact a,
  #psps-gives-back a{
    color: #acacac;
    margin: 5px 5px 0 0;
    font-size: .8em;
  }

  #psps-gives-back {
    display: flex;
    align-items: center;
    width: 230px;
  }

  #top-header-contact a:hover,
  #psps-gives-back a:hover{
    color: #6a92ab;
  }

  #top-header-contact i,
  #psps-gives-back i{
    color: #6a92ab;
  }

  #top-header-calendar a{
    color: #acacac;
    font-size: 1.33em;
    margin-right: 15px;
  }

  #top-header-calendar a:hover{
    color: #6a92ab;
  }

  #navContainer{
    width: 100%;
    background-color: white;
    transition: 0.4s;
    position: fixed;
    top: 0;
    z-index: 100;
    border-bottom: 2px solid #6a92ab;
    max-height: 660px;
    overflow-x: hidden;
    overflow-y: scroll;
  }

  #nav{
    padding-right: 10px;
    margin-top: 5px;
    height: fit-content;
  }

  #navContainer img{
    width: 270px;
    height: auto;
    margin-top: 10px;
    margin-left: 5px;
  }

  /* Links inside the navbar */
  .topnav a { 
    float: left;
    font-size: 16px;
    color: #6a92ab;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
  }

  /* Add a background color to navbar links on hover */
  .topnav a:hover{
    background-color: #6a92ab;
    color:#fff;
  }

  /* When the screen is less than 1099 pixels wide, hide all links. 
  Show the link that should open and close the topnav (.icon) */
  .topnav a{
    display:none;
  }

  .topnav a.icon {
    display: block;
    position: absolute;
    font-size: 30px;
    top: 27px;
    right: -4px;
    float: right;
    margin: 0px 10px 10px 0;
    color: #6a92ab;
    transition: unset;
  }

  .topnav a.icon:hover{
    background-color:transparent;
  }

   /* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. 
  This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
  .topnav.responsive {
    position: relative; 
    clear:both;
    margin-bottom:20px;
  }
    .topnav.responsive a.icon {
      position: absolute;
      right: -14px;
      top: -65px;
      border-bottom:none;
      transition: unset;
      /*display: none;*/
    }

    .topnav.responsive a {
      float: none;
      display: block;
      text-align: left;
      border-bottom:1px solid #acacac;
    }
    .topnav.responsive .dropdown {float: none;}
    .topnav.responsive .dropdown-content {position: relative;}
    .topnav.responsive .dropdown .dropbtn {
      display: block;
      width: 100%;
      text-align: left;
    }

    a.book-btn{
      color: #1091d5;
      /*background-color: #202020;*/
    }

    a.book-btn:hover{
      color: white;
    }

    /* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
    .show {display:block;}

    .topnav.responsive,
    #nav {
      animation: fadeIn .5s;
      -webkit-animation: fadeIn .5s;
      -moz-animation: fadeIn .5s;
      -o-animation: fadeIn .5s;
      -ms-animation: fadeIn .5s;
    }
    @keyframes fadeIn {
      0% {opacity:0;}
      100% {opacity:1;}
    }

    @-moz-keyframes fadeIn {
      0% {opacity:0;}
      100% {opacity:1;}
    }

    /* DROPDOWN MENU */

    .topnav.responsive .dropdown {float: none;}
    .topnav.responsive .dropdown-content {position: relative;}
    .topnav.responsive .dropdown .dropbtn {
      display: block;
      text-align: left;
    }

    /* Dropdown Content */
    .hidden{
      display: none;
      margin: 10px 0;
    }

    .hidden a{
      margin-left: 25px !important;
      font-size: .9em;
    }

    /* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
    .show {display:block;}

     .topnav.responsive,
    .hidden {
      animation: fadeIn .5s;
      -webkit-animation: fadeIn .5s;
      -moz-animation: fadeIn .5s;
      -o-animation: fadeIn .5s;
      -ms-animation: fadeIn .5s;
    }
    @keyframes fadeIn {
      0% {opacity:0;}
      100% {opacity:1;}
    }

    @-moz-keyframes fadeIn {
      0% {opacity:0;}
      100% {opacity:1;}
    }


  /***HERO MOBILE STYLES***/

  #homepage-hero{
    background: url('images/hero-curve2.jpg') no-repeat  center;
    background-size: cover;
    height: 500px;
    margin-top: 92px;
    color: white;
    text-align: center;
    /*padding-bottom: 0px;*/
  }

  #homepage-hero .container{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
  }

  #homepage-hero h1{
    font-weight: 900;
    text-transform: uppercase;
    font-size: 2.5em;
    margin-bottom: 10px;
  }

  #homepage-hero i{
    display: none;
  }

  #homepage-hero h2, 
  #homepage-hero h3{
    font-weight: 300;
  }

  #homepage-hero h2{
    margin-bottom: 10px;
  }

  #hero-links{
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
  }

  #hero-links a{
    padding: 15px 20px;
    color: white;
    margin: 10px;
    width: 140px;
    text-transform: uppercase;
    font-size: .9em;
  }

  #hero-links a:hover{
    color: #6a92ab;
    background-color: white;
  }

  a.learn-more-btn{
    border: 2px solid white;
  }

  a.sign-up-btn{
    background-color: #6a92ab;
    color: white;
    border: 2px solid #6a92ab;
  }

  #homepage-about{
    background-color: #7e2b7c;
    color: white;
    /*padding-bottom: 0px;*/
    margin-top: -2px;
    padding: 60px 20px;
  }

  #homepage-about h1{
    color: white;
    text-transform: uppercase;
    padding-bottom: 10px;
    border-bottom: 1px solid #161616;
    text-align: center;
  }

  #homepage-about .container{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
  }

  #homepage-about-text span{
    font-size: 1.15em;
    font-weight: bold;
  }

  #homepage-about img{
    width: 100%;
    height: auto;
    max-width: 400px;
    /*border-radius: 10px;*/
    margin-top: 20px;
  }

  #homepage-lit .container{
      display: flex;
      flex-flow: row wrap;
      justify-content: center;
      align-items: center;
    }

    #homepage-lit p{
      margin-bottom: 30px;
      text-align: center;
    }

    #homepage-lit a{
      margin-left:0px;
    }

  #homepage-webinars .vimeo{
    padding: 0 20px;
  }

  #tune-in{
    background: url(images/tune-in-background.jpg) no-repeat center;
    background-size: cover;
    color: white;
  }

  #tune-in-title{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }

  #tune-in-title h1{
    color: #6a92ab;
    margin-bottom: 15px;
  }

  #tune-in-title img{
    margin-bottom: 15px;
  }

  #homepage-podcast-container{
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    margin-top: 40px;
    text-align: center;
  }

  #homepage-pod-text h3{
    font-size: 1.5em;
    font-weight: 900;
    text-transform: uppercase;
    margin-bottom: 5px;
  }

  #homepage-pod-text span{
    color: #6a92ab;
  }

  #homepage-pod-text p.border-bottom{
    padding-bottom: 10px;
    border-bottom: 1px solid #6a92ab;
    text-align: left;
    margin-top: 40px;
  }

  #homepage-pod-text a{
    color: white;
    text-transform: uppercase;
    font-size: 1.25em;
  }

  #homepage-pod-text a:hover{
    color: #6a92ab;
  }

  #homepage-podcast-container img{
    border: 10px solid white;
    width: 90%;
    max-width: 400px;
    height: auto;
    margin-bottom: 60px;
  }

  /***SUBPAGE MOBILE STYLES***/

  .subpage-hero{
    background: url(images/ocean-background.jpg) no-repeat center;background-size: cover;
    height: 220px;
    margin-top: 92px;
    color: white;
  }

  .subpage-hero .container{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 90%;
  }

  .subpage-hero h1{
    text-transform: uppercase;
    font-size: 2em;
    margin-bottom: 0px;
  }

  .subpage-content h2{
    color: #6a92ab;
    text-align: center;
    margin: 0 0 40px;
  }

  .subpage-content a{
    color: #161616;
    border-bottom: 1px solid #6a92ab;
    font-weight: bold;
  }

  .subpage-content a:hover{
    color: #6a92ab;
  }

  .subpage-content ul{
    margin-bottom: 30px;
  }

  .subpage-content li{
    margin-bottom: 5px;
  }

  .text-center{
    text-align: center;
  }

  /***BOARD OF DIRECTORS MOBILE STYLES***/

  #board-content .container{
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
  }

  #board-content h2, 
  #board-spotlight h2{
    width: 100%;
    text-align: center;
    color: #6a92ab;
    margin-bottom: 40px;
    padding-bottom: 5px;
    font-size: 2em;
    border-bottom: 2px solid #6a92ab;
  }

  #board-spotlight{
    background: #f2f2f5;
  }

  #board-spotlight img{
    display: block;
    margin: 0 auto 20px;
    max-width: 450px;
    width: 100%;
    height: auto;
  }

  .director{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    padding: 20px;
    width: 250px;
    height: 350px;
    text-align: center;
    margin: 0 10px;
  }

  .director img{
    border-radius: 50%;
    width: 230px;
    height: auto;
    margin-bottom: 20px;
  }

  .director h3{
    color: #6a92ab;
    margin-bottom: 10px;
  }

  #disclosures{
    width: 100%;
    margin: 40px 0 20px;
    text-align: center;
  }

  #disclosures a{
    display: block;
    max-width: 400px;
    padding: 10px 20px;
    color: white;
    background: #6a92ab;
    border: 2px solid #6a92ab;
    margin: 0 auto;
  }

  #disclosures a:hover{
    color: #6a92ab;
    background: white;
  }

  /***GET INVOLVED DESKTOP STYLES***/

  .get-involved-form{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 40px auto 0;
    width: 300px;
  }

  .get-involved-form input{
    padding: 10px;
    font-family: 'Inter', sans-serif;
    color: #161616;
    height: 20px;
    margin-bottom: 20px;
    width: 280px;
  }

  .get-involved-form label{
    margin-bottom: 5px;
    width: 280px;
  }

  .get-involved-form select{
    width: 304px;
    font-family: 'Inter', sans-serif;
    font-size: 1em;
    padding: 10px;
  }

  .get-involved-form #submit{
    align-self: flex-start;
  }

  /***COMMITTEE MOBILE STYLES***/

  .com-individual{
    display: block;
    margin: 0 auto 40px;
    padding-bottom: 20px;
    border-bottom: 1px solid #acacac;
    width: 100%;
  }

  .com-individual h3{
    /*text-align: center;*/
    color: #6a92ab;
  }

  .com-individual p{
    margin-bottom: 10px;
  }

  p.border-bottom{
   /* margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #acacac;*/
    margin-bottom: 40px;
  }

   /***ANNUAL CONFERENCE MOBILE STYLES***/

  /* #annual-conference-content {
    padding-bottom: 40px;
  }*/

  #annual-conference-content h2{
    margin-top: 0px;
  }

  #annual-conference-content .container{
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  #annual-conference-content h2,
  #annual-conference-content p{
    text-align: center;
  }

  #annual-conference-content h2{
    color: #6a92ab;
    font-size: 1.5em;
  }

  #annual-conference-content h3{
    color: #6a92ab;
  }

  #annual-conference-content p{
    font-size: 1.1em;
  }

  a.pdf-link{
    display: block;
    margin-top: 10px;
    color: white;
    background: #6a92ab;
    border: 2px solid #6a92ab;
    padding: 12px 20px;
    min-width: 150px;
    text-align: center;
  }

  a.pdf-link:hover{
    background: white;
    color: #6a92ab;
  }

  .full-width-border{
    width: 100%;
    border-bottom: 1px solid #161616;
    margin: 60px 0;
  }

  .conference-form{
    display: flex;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto;
    max-width: 320px;
  }

  .conference-form label{
    font-family: 'Inter', sans-serif;
    color: #161616;
    margin-bottom: 5px;
    text-align: left;
  }

  .conference-form select{
    margin-bottom: 10px;
    padding: 10px;
    font-family: 'Inter', sans-serif;
    width: 325px;
  }

  .conference-form option{
    font-family: 'Inter', sans-serif;
  }

  .conference-form input{
    padding: 10px;
    font-family: 'Inter', sans-serif;
    color: #161616;
    margin-bottom: 10px;
    width: 300px;
    height: 30px;
  }

  .conference-form p{
    text-align: left !important;
    font-size: 1em !important;
    margin-top: 20px;
  }

  .conference-form h4{
    margin-top: 20px;
  }

  .radio-container{
    display: flex;
    align-items: center;
  }

  .conference-form input[type="radio"]{
    height: 15px;
    width: 15px;
    margin-right: 20px;
    margin-bottom: 5px;
  }

  input#submit {
    width: 200px;
    text-align: center;
    color: white;
    background: #6a92ab;
    border: 2px solid #6a92ab;
    padding: 10px;
    height: 45px;
    transition: .4s;
    margin-top: 40px;
    font-size: 1.1em;
    align-self: ;
  }

  input#submit:hover{
    color: #6a92ab;
    background: white;
    cursor: pointer;
  }

   #conference-slides{
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: flex-start;
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid #6a92ab;
  }

  #conference-slides h2{
    width: 100%;
    text-align: center;
  }

  .conference-slide{
    width: 280px;
    min-height: 165px;
    padding: 20px;
    box-shadow: 2px 2px 4px #acacac;
    /*border: 1px solid #acacac;*/
    text-align: center;
    margin: 20px 60px;
    transition: .4s;
  }

  .conference-slide:hover{
    transform: scale(1.05); 
  }

  .conference-slide h3{
    min-height: 46px;
  }

  .conference-slide a{
    display: block;
    width: 150px;
    padding: 10px;
    background: #6a92ab;
    border: 2px solid #6a92ab;
    margin: 0 auto;
    color: white;
  }

  .conference-slide a:hover{
    background: white;
    color: #6a92ab;
  }

  /***MEMBERSHIP MOBILE STYLES***/

  #membership-form h2{
    margin-bottom: 40px;
  }

  #membership-form{
    margin-top: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  #membership-form iframe{
    width: 100%;
    height: 400px;
    border: 2px solid #6a92ab;
   }

   /***CALL FOR ABSTRACTS MOBILE STYLES***/

  .submit-container{
    margin-top: 40px;
    text-align: center;
   }

  .abstract-btn{
    color: white !important;
    background: #6a92ab;
    border: 2px solid #6a92ab;
    padding: 10px 20px;
    display: block;
    margin:0 auto 20px;
    width: 150px;
    text-align: center;
    border-radius: 5px;
   }

   .abstract-btn:hover{
    color: #6a92ab !important;
    background: white;
   }

   /*** RESEARCH GRANT MOBILE STYLES***/

  .grant-btn{
    color: white !important;
    background: #6a92ab;
    border: 2px solid #6a92ab !important;
    padding: 10px 20px;
    display: block;
    margin:40px auto 20px;
    width: 250px;
    text-align: center;
  }

  .grant-btn:hover{
    color: #6a92ab !important;
    background: white;
   }

   /*LIT MOBILE STYLES*/

   .popup-content {
      margin: auto;
      display: block;
      max-width: 90%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      max-height: 80vh;
      border-radius: 8px;
  }

   #lit-table{
    overflow: auto;
    display: none;
   }

   table {
    font-family: 'Inter', sans-serif;
    border-collapse: collapse;
/*    width: 100%;*/
    display: block;
    margin:40px 0;
  }

  /*th{
    color: #6a92ab;
  }*/

  td, th {
    border: 1px solid #6a92ab;
    text-align: left;
    padding: 8px;
  }

  th{
    background: #6a92ab;
    color: white;
    border-right:1px solid #f1f2f4;
  }

  th:last-of-type{
    border-right:1px solid #6a92ab;
  }

  tr:nth-child(even) {
    background: #E0E0E0;
    background: #f1f2f4;
    font-size: .9em;
  }

  a.lit-link{
    display: block;
    width: 280px;
    text-align: center;
    color: white;
    border:2px solid #6a92ab !important;
    background: #6a92ab;
    padding:14px 10px;
    font-weight: bold;
    margin:40px auto 20px;
    border-radius: 5px;
  }

 a.lit-link:hover{
    background: white;
    color: #6a92ab;
  }

  #lit-image img{
    display: block;
    margin:30px auto 50px;
    width: 100%;
    height: auto;
    max-width: 300px;
  }

   #why-lit h3{
    width: 100%;
    color: #6a92ab;
    font-size: 1.5em;
    margin-bottom: 40px;
    text-align: center;
   }

   /***WEBINAR MOBILE STYLES***/

   .webinar-content{
    padding-bottom: 0px;
   }

   .webinar-content .container{
      display: flex;
      flex-flow: row wrap;
      align-items: stretch;
      justify-content: space-between;
   }

   .webinar-content h1{
    width: 100%;
    text-align: center;
    font-size: 2em;
   }

   .webinar{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 60px;
    margin-bottom: 60px;
    border-bottom: 1px solid #acacac;
   }

   .program-content .webinar{
    margin-bottom: 0px;
    padding-bottom: 0px;
   }

   .webinar:last-child{
    border-bottom: none;
    margin-bottom: 0px;
   }

   .webinar-text{
    text-align: center;
    margin-bottom: 60px;
    background: white;
    box-shadow: 4px 2px 6px rgba(0, 0, 0, 0.1);
   }

   .program-content .webinar-text{
    box-shadow: none;
   }

   .webinar-text p{
    font-weight: bold;
   }

   .program-content .webinar-text p{
    font-weight: normal;
   }

   .webinar-text h3{
    color: #6a92ab;
   }

   a.webinar-btn{
    color: white;
    background: #6a92ab;
    padding: 10px 20px;
    text-transform: uppercase;
    border: 2px solid #6a92ab;
    display: block;
    text-align: center;
    width: 160px;
    border-radius: 5px;
    margin: 0 auto 40px;
   }

   a.webinar-btn:hover{
    background: white;
    color: #6a92ab;
   }

   .webinar img{
    width: 100%;
    height: auto;
    max-width: 400px;
  }

   .webinar-container h2{
    text-align: center;
    margin-bottom: 60px;
    font-size: 2em;
    width: 100%;
   }

   .webinar-container .container{
    display: flex;
    flex-flow: row wrap;
    align-items: stretch;
    justify-content: space-around;
   }

   .webinar-individual{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 315px;
    margin-bottom: 40px;
   }

   .webinar-individual h3{
    color: #6a92ab;
   }

   .webinar-individual iframe{
    width: 305px;
    height: 240px;
    margin-bottom: 20px;
    border: 1px solid white;
   }

   #web-individual-content iframe{
    display: block;
    margin: 0 auto 40px;
    width: 320px;
    height: 240px;
   }

   .webinar-individual .webinar-text{
    border:1px solid lightgray;
    padding:20px;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

   .webinar-logos{
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
   }
   .webinar-logos img{
    width: 200px;
    height: auto;
    margin: 0 10px 20px;
   }

   .complications-content img{
    max-width: 500px;
    width: 100%;
    height: auto;
    display: block;
    margin:0 auto;
   }

   .complications-content .webinar-btn{
    margin:0 auto 40px;
   }

   /*SO CAL SUMMIT MOBILE STYLES*/

   #so-cal-summit-content a{
    width: 200px;
    margin: 30px auto 0;
   }

   /*NEUROMODULATION MOBILE STYLES*/

   .webinar-text{
    margin-bottom: 0px;
   }

   .webinar-event-img{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 40px;
   }

   .webinar-event-img img{
    width: 320px;
    height: 320px;
    margin-bottom: 40px;
   }

   img.event-flyer{
    width: 100%;
    height: auto;
    max-width: 450px;
   }

   #course-directors{
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    padding-top:40px;
   }

   #course-directors h3{
    width: 100%;
    color: #6a92ab;
    font-size: 1.5em;
    margin-bottom: 40px;
    text-align: center;
   }

   .course-director {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin:0 20px;
    width: 220px;
   }

   .course-director img{
    width: 100%;
    height: auto;
    margin-bottom: 10px;
   }

   img.neuromod-logo{
    display: none;
   }

   /***PODCAST MOBILE STYLES***/

   .podcast-container{
    margin-top: 40px;
   }

   .podcast-container iframe{
    width: 100%;
    height: 200px;
   }

   /***EVENTS PAGE MOBILE STYLES***/

   #events-content{
    padding: 60px 0 0;
    border-bottom: 1px solid #6a92ab;
   }

   #events-content .container{
    /*display: flex;
    flex-flow: row wrap;*/
  }

  .events-description{
    padding: 0 20px;
    margin-bottom: 60px;
  }

  .event-container{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 40px 20px;
  }

  .event-container:nth-of-type(even){
    background: #f6f6f6;
  }

  .event-container a{
    padding: 10px 20px;
    background: #6a92ab;
    border: 2px solid #6a92ab;
    color: white;
  }

  .event-container a:hover{
    background: white;
  }


/***FOOTER MOBILE STYLES***/

  #footer-background{
    background: url(images/mountain-background.jpg) no-repeat center;background-size: cover;
  }

  .events-title{
    /*border-bottom: 1px solid #acacac;*/
    width: 100%;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    padding-bottom: 40px;
  }

  .events-title a{
    color: #161616;
    font-weight: bold;
    font-size: 1.33em;
    border-bottom: 1px solid #6a92ab;
  }

  .events-title a:hover{
    color: #6a92ab;
  }

  #events{
    padding-bottom: 20px;
  }

  #events .container{
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
  }

  #events h1{
    text-align: center;
    font-size: 2em;
    margin-bottom: 20px;
  }

  .event{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    width: 200px;
    height: 260px;
    padding: 20px;
    background: white;
    box-shadow: 2px 2px 4px #6a92ab;
    /*border: 1px solid #6a92ab;*/
    margin: 0px 20px 40px;
  }

  .event a{
    color: white;
    background-color: #6a92ab;
    padding: 8px 16px;
    text-transform: uppercase;
    text-align: center;
    width: 80%;
    display: inline-block;
  }

  .event a:hover{
    color: #fff;
    background-color: #161616;
  }

  footer .container{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 20px;
  }

  .footer-div{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom: 40px;
  }

  #footer-social a{
    color: #161616;
    font-size: 20px;
    height: 20px;
    width: 20px;
    text-align: center;
    line-height: 20px;
    padding: 10px;
    margin:0 10px;
  }

  #footer-social a:hover{
    background-color: #6a92ab;
  }

  #footer-nav{
    flex-flow: row wrap;
    border-top: 1px solid #acacac;
    border-bottom: 1px solid #acacac;
    padding: 40px 0;
  }

  #footer-nav a{
    color: #6a92ab;
    padding: 8px 12px;
    margin: 10px 0;
  }

  #footer-nav a:hover{
    background-color: #6a92ab;
    color: white;
  }

  #footer-email{
    max-width: 320px;
  }

  #footer-email form{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
  }

  #footer-email input[name=email] {
    padding: 0 10px;
    height: 40px;
    background-color: #fff;
    color: #161616;
    border-left: 1px solid #acacac;
    border-top: 1px solid #acacac;
    border-bottom: 1px solid #acacac;
    width: 70%;
}

  #footer-email input[type=submit] {
    background-color: #6a92ab;
    border: none;
    width: 30%;
    padding: 0 15px;
    height: 42px;
    margin-left: -2px;
    transition: .4s;
    text-align: center;
  }

   #footer-email input[type=submit]:hover{
    background: #161616;
    color: white;
    cursor: pointer;
   }

  #sub-footer{
    background-color: #2d3d42;
    padding: 20px 0;
    color: #acacac;
    text-align: center;
   }

   #sub-footer a{
    color: #acacac;
    border-bottom: 1px solid white;
   }

   #sub-footer a:hover{
    color: white;
   }

}