/*! HTML5 Boilerplate v6.1.0 | MIT License | https://html5boilerplate.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

@import url('https://fonts.googleapis.com/css?family=Roboto:100,400,400i,500,700,900');

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight:
 * https://twitter.com/miketaylr/status/12228805301
 *
 * Vendor-prefixed and regular ::selection selectors cannot be combined:
 * https://stackoverflow.com/a/16982510/7133471
 *
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between audio, canvas, iframes,
 * images, videos and the bottom of their containers:
 * https://github.com/h5bp/html5-boilerplate/issues/440
 */

audio,
canvas,
iframe,
img,
svg,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browser Upgrade Prompt
   ========================================================================== */

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */
    body{
     background-color: #091028;
     font-family: 'Roboto', sans-serif;
    }

/*Header For Main Pages*/
    header{
    }

    .main_nav{
      display:block;
    }

    .main_nav_phone{
      display: none;
    }

    .main_nav_text{
     width: 100%;
     height: 89px;
     background-color: #0B1337;
    }

    .main_nav_text ul {
     list-style-type: none;
     margin-top: 0;
     margin-left: 75px;
     margin-right: 75px;
     margin-bottom: auto;
     padding: 0;
    }

    .main_nav_text li a{
     display:block;
     color: white;
     text-align: center;
     padding: 14px 16px;
     text-decoration: none;
     margin-top: 5px;
     margin-bottom: 0px;
     font-size: 24px;
     font-weight: 400;
    }

    .main_nav_text li a:hover {
     color: #E83D4D;
    }

    .main_nav_logo_section{
      display: flex;
      width: 100%;
      height: auto;
      margin-top: -5px;
    }

    .left_bar{
     width: 480px;
     height: 11px;
     float: left;
     background-color: #E83D4D;
    }

    .main_logo {
      width:33%;
      height:132px;
      display: flex;
      justify-content: center;
      align-items: center;
      margin: -60px auto 0 auto;
    }

    .right_bar{
     width: 480px;
     height: 11px;
     float: right;
     background-color: #E83D4D;
    }

/*Header For Info Sub Pages*/
 .info_nav {
   display: block;
   width: 100%;
   height: 70px;
   background-color: #2C4F63;
   margin-top: -67px;
   margin-bottom:0px;
   padding-top: 35px;
   padding-bottom: 0px;
 }

    .info_nav_text ul {
     list-style-type: none;
     margin: 0 auto;
     display: flex;
     justify-content: center;
     align-items: center;
     padding: 0;
    }

    .info_nav_text li{
      margin: 0 auto;
    }

    .info_nav_text li p{
     display:block;
     color: #E83D4D;
     text-align: center;
     padding: 14px 16px;
     text-decoration: none;
     margin-top: 5px;
     margin-bottom: 0px;
     font-size: 24px;
     font-weight: 800;
    }

    .info_nav_text li a{
     display:block;
     color: white;
     text-align: center;
     padding: 14px 16px;
     text-decoration: none;
     margin-top: 5px;
     margin-bottom: 0px;
     font-size: 24px;
     font-weight: 400;
    }

    .info_nav_text li a:hover {
     color: #E83D4D;
    }


/*Hero Section*/
.hero_section{
  display: block;
  width: 100%;
  height: 100%;
  margin: 0 auto -65px auto;
}

.hero_section_iphone{
  display: none;
}
/*Video For Hero Section*/
#main_video {
  position: relative;
  margin-top:-130px;
  margin-bottom:-50px;
  z-index: -1;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
}

/* main content index */
section.main_content {
  width: 100%;
  height: auto;
}

.main_content button:hover{
  background-color: #ffffff;
  color: #e83d4d;
  text-decoration: none !important;
}

.learn_more{
  width:100%;
  height:auto;
  background-color: #2C4F63;
}

.learn_more_text{
  width:75%;
  height:auto;
  color: white;
  margin: 0 auto;
  padding: 15px 0 50px 0;
  text-align: center;
  font-weight: 400;
}

  .learn_more h1{
    font-size: 72px;
  }

  .learn_more h2{
    font-size: 36px;
    line-height: normal;
  }

  .learn_more p{
    font-size: 18px;
    line-height: normal;
  }

    .learn_more button{
      margin: 40px auto 40px auto;
      width: 344px;
      height: 76px;
      border-radius: 25px;
      border-color: transparent;
      background: #E83D4D;
      font-family: Roboto;
      font-style: normal;
      font-weight: normal;
      font-size: 36px;
      line-height: normal;
      color: white;
    }

    .learn_more button:hover{
      background-color: #ffffff;
      color: #e83d4d;
      text-decoration: none !important;
    }

.conference_info {
  width:100%;
  height:auto;
  color: white;
  margin: 0 auto;
  text-align: center;
  font-weight: 400;
}

  .passes{
    display:flex;
  }

  .speakers{
    display: flex;
  }

    .main_content_boxes{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      margin: 40px auto;
      width: 345px;
      height: 434px;
      background-color: #2C4F63;
      border-radius: 50px;
    }

    .main_content_box_header,
    .main_content_box_header_img {
      position: relative;
      top: -80px;
      width: auto;
      height: auto;
      margin: 0 auto;
      font-size: 36px;
      font-weight: 400;
    }

    .main_content_box_header_img {
      top: -25px;
    }

    .main_content_box_buttons,
    .main_content_box_buttons_speaker {
      position: relative;
      bottom: -80px;
      width: 199px;
      height: 76px;
      margin: 0 auto 0 auto;
      font-size: 30px;
      font-weight: 400;
      color: #fff;
      background-color: #E83D4D;
      border-radius: 20px;
      border-color: transparent;
    }

    .main_content_box_buttons_speaker{
      font-size: 25px;
      bottom: -25px;
    }

    .passes_container button:hover{
      background-color: #ffffff;
      color: #e83d4d;
      text-decoration: none !important;
    }

    .speakers_container button:hover{
      background-color: #ffffff;
      color: #e83d4d;
      text-decoration: none !important;
    }

    .main_content_box_img{
      width:223px;
      height:223px;
      border-radius: 30px;
      border-color: transparent;
    }

    .main_content_button,
    .main_content_button_speaker{
      margin: 0 auto;
      width: 344px;
      height: 76px;
      border-radius: 25px;
      border-color: transparent;
      background-color: #E83D4D;
      font-family: Roboto;
      font-style: normal;
      font-weight: normal;
      font-size: 36px;
      line-height: normal;
      color: white;
    }

    .main_content_button_speaker{
      margin: 0 auto 40px auto;
    }

/* Register Main Content */
.registration_passes{
  display: flex;
  flex-direction: row;
  flex-flow: wrap;
}

.registration_passes_box{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin: 40px auto 40px auto;
  width: 345px;
  height: 434px;
  background-color: #2C4F63;
  border-radius: 50px;
}

.registration_passes_header {
  position: relative;
  top: -80px;
  width: auto;
  height: auto;
  margin: 0 auto;
  font-size: 36px;
  font-weight: 400;
  color: white;
  text-align: center;
}
  #pass_3w{
    top: -55px !important;
  }

.registration_passes_button {
  position: relative;
  bottom: -80px;
  width: 199px;
  height: 76px;
  margin: 0 auto 0 auto;
  font-size: 30px;
  font-weight: 400;
  color: #fff;
  background-color: #E83D4D;
  border-radius: 20px;
  border-color: transparent;
}
  #pass_3w_button{
    bottom: -55px !important;
  }

/* registration checkout and forms container*/
.registration_forms{
  width: 62%;
  height: auto;
  margin: 0 auto;
}
  .registration_forms h1{
    color:white;
  }

  .checkout_window{
    width: 92%;
    height: auto;
    margin: 0 auto;
    padding: 50px;
    background-color: #ffffff;
    border-radius: 50px;
  }

  .checkout_window table{
    width: 100%;
    height: auto;
  }

    .checkout_table_left_column{
      text-align: left;
    }

    .checkout_table_left_column button{
      background-color: #2C4F63;
      color: #ffffff;
      padding: 4px;
      border-radius: 5px;
      border-color: transparent;
    }

    .checkout_table_left_column button:hover{
      background-color: #E83D4D;
      color: #ffffff;
      border-radius: 5px;
      border-color: transparent;
    }

    .checkout_table_center_column{
      text-align: center;

    }

    .checkout_table_right_column{
      text-align: right;

    }

  #subtotal_math{
    width: auto;
    height: 20px;
    padding: 1px;
    background-color: #E6E6E6;
    float: right;
    text-align: center;
  }

/*Shipping Address*/
  .shipping_address{
    width: 100%;
    height: auto;
    margin: 0 auto 12px auto;
  }

  .checkout_button {
    width: 199px;
    height: 76px;
    color: #ffffff;
    font-size: 30px;
    background-color: #E83D4D;
    border-radius: 25px;
    border-color: transparent;
    margin: 0 0 50px 0;
    float: right;
  }

    .first_name_form{
      width: 48%;
      height: 40px;
      margin: 0 0 12px 0;
      padding-left: 10px;
      border-radius: 10px;
      border: none;
    }

    .last_name_form{
      width: 48%;
      height: 40px;
      margin: 0 0 12px 0;
      padding-left: 10px;
      border-radius: 10px;
      border: none;
      float:right;
    }
    .address_form{
      width: 99%;
      height: 40px;
      margin: 0 auto 12px auto;
      padding-left: 10px;
      border-radius: 10px;
      border: none;
    }
    .city_form{
      width: 48%;
      height: 40px;
      padding-left: 10px;
      border-radius: 10px;
      border: none;
    }
    .state_form{
      width: 20%;
      height: 40px;
      margin: 0 0 0 20px;
      padding-left: 10px;
      border-radius: 10px;
      border: none;
    }

    .zipcode_form{
      width: 25%;
      height: 40px;
      margin: 0 0 0 0;
      padding-left: 10px;
      border-radius: 10px;
      border: none;
      float:right;
    }

      .checkbox{
        width: 100%;
        height: auto;
        margin: 8px auto;
        color: #ffffff;
      }

      #checkbox1{
        margin-right: 10px;
      }

      .checkbox input[type=checkbox], input[type=radio]{
        vertical-align: middle;
        position: relative;
        bottom: 3px;
      }

      .checkbox input[type=radio]{
        bottom: 2px;
      }

  .card_information{
    margin: 0 auto 20px auto;
  }
    #card_name{
      width: 99%;
      height: 40px;
      margin: 0 auto 12px auto;
      padding-left: 10px;
      border-radius: 10px;
      border: none;
    }

    #card_number{
      width: 48.5%;
      height: 40px;
      margin: 0 25px 0 0;
      padding-left: 10px;
      border-radius: 10px;
      border: none;
      float:left;
    }

    #card_date{
      width: 24%;
      height: 40px;
      margin: 0 2px 0 0px;
      padding-left: 10px;
      border-radius: 10px;
      border: none;
    }

    #card_ccv{
      width: 20%;
      height: 40px;
      padding-left: 10px;
      border-radius: 10px;
      border: none;
      float:right;
    }
  .billing_container{
    display:none;
  }

  .billing_information{
    margin: 0 auto 20px auto
  }

/* Main Content Speakers */
  .speakers_main{
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    margin: 0 auto 50px auto;
  }

  .speakers_flex{
    margin: 29px;

  }

    .speakers_flex_img{
      width: 247px;
      height: 247px;
      border-radius: 50%;
    }

/* Hover */
.speakers_hover_on {
  width: 247px;
  height: 247px;
  border-radius: 50%;
  background-color: #e83d4d;
}

  .speakers_hover_on p{
    font-size: 45px;
    font-weight: 600;
    color: white;
    margin: 0 auto;
    text-align: center;
    padding: 50px 0;
  }

  .speakers_flex_img{
    width: 247px;
    height: 247px;
    border-radius: 50%;
  }

  /*Modal*/
  /* The Modal (background)*/
  .speakers_modal {
    display: none;
    position: fixed;/* Stay in place */
    z-index: 1;
    padding-top: 100px;
    left: -20px;
    top: -40px;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
  }

  /* Modal Content*/
  .speakers_modal_content{
    background-color: #2C4F63;
    margin: auto;
    padding: 20px;
    width: 80%;
    color: #ffffff;
  }
  .speakers_text{
    margin: 0 25px 0 25px;
  }

#speakers_modal_content_1{
  margin: 20px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_2{
  margin: 20px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_3{
  margin: 20px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_4{
  margin: 20px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_5{
  margin: 20px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_6{
  margin: 20px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_7{
  margin: 20px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_8{
  margin: 20px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_9{
  margin: 20px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_10{
  margin: 20px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_11{
  margin: 20px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_13{
  margin: 20px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_14{
  margin: 20px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_15{
  margin: 20px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_16{
  margin: 20px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_17{
  margin: 20px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_18{
  margin: 5px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_19{
  margin: 20px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_20{
  margin: 20px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_21{
  margin: 20px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_22{
  margin: 20px auto 0 auto;
  padding: 40px 20px 40px 20px;
}

    .speakers_modal_content img{
      margin-top: 50px;
    }

    .speakers_modal_img{
      width: 247px;
      height: 247px;
      border-radius: 50%;
    }

    .speakers_modal_content h1{
      font-family: Roboto;
      font-style: normal;
      font-size: 64px;
      font-weight: 600;
      line-height: 0px;
      margin: 100px 0 0 0;
    }

    .speakers_modal_content h2{
      font-family: Roboto;
      font-style: normal;
      font-size: 36px;
      font-weight: 400;
      line-height: 2;
    }

    .speakers_modal_content h3{
      font-family: Roboto;
      font-style: 300;
      font-size: 36px;
      font-weight: 100;
      line-height: 0;
    }

    .speakers_modal_content p{
      font-family: Roboto;
      font-style: normal;
      font-size: 18px;
      font-weight: 400;
    }

    .speakers_modal_content button{
      width: 279px;
      height: 62px;
      background-color: #e83d4d;
      border: none;
      border-radius: 25px;
      font-size: 29px;
      font-weight: 400;
      color: #ffffff;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      margin: 60px auto 60px auto;
      text-decoration: none !important;
    }
      .speakers_modal_content button:hover{
        background-color: #ffffff;
        color: #e83d4d;
        text-decoration: none !important;
      }
      .speakers_modal_content a:link{
        text-decoration: none !important;
      }

  /* The Close Button*/
  .close_modal {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    margin-top: -10px;
  }

  .close_modal:hover,
  .close_modal:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
  }

/* Schedule Page */
.table_body{
  width: 80%;
  margin: 25px auto 65px auto;
  padding: 60px 30px 60px 10px;
  border-radius: 50px;
  border-color: transparent;
  background-color: #E83D4D;
}

#table_body_3{
  width: 80%;
  margin: 25px auto 65px auto;
  padding: 60px 30px 60px 10px;
  border-radius: 50px;
  border-color: transparent;
  background-color: #E83D4D;
}

.table_body table {
  margin: 0 auto;
  text-align: center;
  vertical-align: center;
  border-collapse: collapse;
}

  .table_body th {
    border: 2px solid #ffffff;
    background-color: #2C4F63;
    color: #ffffff;
    padding: 60px;

  }

  .table_body td {
    border-left: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    background-color: #2C4F63;
    padding: 60px;

  }

  #border_bottom{
    border-bottom: 2px solid #ffffff;
  }

  #header_top_left_corner{
    background-color: transparent;
    border: 0px solid #ffffff;

  }

  .table_day_header{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
  }

  .table_day_header h1{
    color: #ffffff;
  }

  .table_body th{
    font-size: 20px;
  }

  .table_body td h1{
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
  }

  .table_body td h2{
    color: #ffffff;
    font-size: 20px;
    font-weight: 400;
    line-height: 25px;
  }

  .table_body td h3{
    color: #ffffff;
    font-size: 20px;
    font-weight: 100;
    margin-top: -10px;
  }

  .bottom_button{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    width: 75%;
    height: auto;
  }
  .bottom_button button{
    width: 100%;
    height: 76px;
    font-size: 30px;
    font-weight: 400;
    color: #ffffff;
    padding: 0px 50px 0px 50px;
    margin: 0 auto 60px auto;
    background-color: #E83D4D;
    border-radius: 20px;
    border-color: transparent;
  }
  .bottom_button a{
    color: #ffffff;
    text-decoration: none !important;
  }
  .bottom_button button:hover{
    background-color: #ffffff;
    color: #e83d4d;
    text-decoration: none !important;
  }

/* Info Page */
.info_about_devcon{
  width: 60%;
  height: auto;
  margin: 80px auto 50px auto;
}

.info_about_devcon h1{
  color: #ffffff;
  font-size: 72px;
  line-height: 20px;
}

.info_about_devcon p{
  color: #ffffff;
  font-size: 20px;
}

/* Getting Here Page*/
.where_is_devcon{
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 50px auto 60px auto;
  }

.where_is_devcon img{
  width: 60%;
  height: auto;
}

.getting_here_map{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 500px;
  margin: 50px auto 50px auto;
}

#getting_here_map_2{
  width: 60%;
  height: 500px;
}

/* Legal */
.legal_dropdown_container{
  width: 90%;
  margin: 0 auto;
}

.legal_dropdown_bar{
  width: 100%;
  height: 65px;
  background-color: #2C4F63;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 50px auto 0 auto;
  border-radius: 25px;
  border-color: transparent;
}
  .legal_dropdown_bar h1{
    font-size: 30px;
  }
.legal_dropdown_content{
  padding: 30px 30px 30px 30px;
}
#legal_dropdown_1,
#legal_dropdown_2{
  width: 100%;
  height: auto;
  background-color: #ffffff;
  align-items: center;
  justify-content: center;
  margin: 0 auto 50px auto;
  border-radius: 25px;
  border-color: transparent;
}
  #legal_dropdown_1{
    display: none;
  }
  #legal_dropdown_2{
    display: none;
  }

/* Footer*/
footer{
  background-color: #E83D4D;
  width: 100%;
  height: 282px;
  color: white;
  display: flex;
}
  #footer_legal{
  margin-top: 50px;
  }

.footer_flex {
  background-color: #E83D4D;
  width: 100%;
  height: 282px;
  color: white;
  display: flex;
}

  .footer_sitemap{
    margin-left: 50px;
    width: 33%;
    height: 200px;
  }

      .footer_sitemap ul{
          width:210px;
          list-style-type: none;
          margin-left: -40px;
      }

      .footer_sitemap li{
          float:left;
          height:15px;
          margin:0 0 10px 0;
          width:90px;
      }
      .footer_sitemap li:nth-child(even){
          margin-right:0;
      }

      .footer_sitemap a{
        text-decoration: none;
        color: #ffffff;
      }

      .footer_sitemap a:hover{
        text-decoration: none;
        color: #091028;

      }

  .footer_contact{
     text-align: center;
     margin: 0 auto;
     width: 33%;
     height: 200px;
  }

  .social_media{
    float:right;
    text-align: right;
    width: 33%;
    height: 200px;
    margin-right: 50px;
  }

  #home_current a{
    text-decoration: line-through;
  }
  #register_current a{
    text-decoration: line-through;
  }
  #register_current_mob {
    text-decoration: line-through;
  }
  #schedule_current a{
    text-decoration: line-through;
  }
  #speakers_current a{
    text-decoration: line-through;
  }
  #info_current a{
    text-decoration: line-through;
  }
  #info_sub a{
    color: #E83D4D;
  }
  #info_sub a:hover{
    color: #E83D4D;
    text-decoration: line-through;
  }
  #sponsors_current a{
    text-decoration: line-through;
  }
  #sponsors_current_mob {
    text-decoration: line-through;
  }
  #getting_current a{
    text-decoration: line-through;
  }
  #getting_current_mob{
    text-decoration: line-through;
  }
  #legal_current a{
    text-decoration: line-through;
  }
  #legal_current_mob {
    text-decoration: line-through;
  }

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Hide visually and from screen readers
 */

.hidden {
    display: none !important;
}

/*
 * Hide only visually, but have it available for screen readers:
 * https://snook.ca/archives/html_and_css/hiding-content-for-accessibility
 *
 * 1. For long content, line feeds are not interpreted as spaces and small width
 *    causes content to wrap 1 word per line:
 *    https://medium.com/@jessebeach/beware-smushed-off-screen-accessible-text-5952a4c2cbfe
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap; /* 1 */
}

/*
 * Extends the .visuallyhidden class to allow the element
 * to be focusable when navigated to via the keyboard:
 * https://www.drupal.org/node/897638
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
    white-space: inherit;
}

/*
 * Hide visually and from screen readers, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.

@media only screen and (min-width: 35em) {
     Style adjustments for viewports that meet the condition
}
========================================================================== */
@media screen and (max-width: 1800px){
/* Register Main Content */
  .registration_passes{
    justify-content: center;
  }

  .registration_passes_box{
    justify-content: center;
    align-items: center;
    margin: 40px 90px 40px 90px;
  }
/* registration checkout and forms container*/
  .checkout_window{
    width: 91%;
  }

/*Shipping Address*/
    .state_form{
      width: 20%;
      margin: 0 0 0 18px;
    }
    .zipcode_form{
      width: 25%;
      margin: 0 0 0 0;
    }
    #card_number{
      margin: 0 22px 0 0;
    }
    #card_date{
      margin: 0 2px 0 0px;
    }

/* Main Content Speakers */
  /*Modal*/
  /* The Modal (background)*/

    .speakers_text h1{
      font-size: 60px;
      line-height: 60px;
      margin: 30px 0px;
    }
    .speakers_text h2{
      font-size: 30px;
      line-height: 30px;
    }
    .speakers_text h3{
      font-size: 30px;
      line-height: 30px;
    }
    .speakers_text p{
      font-size: 18px;
    }

    /* Schedule Page */
    .table_body{
      width: 80%;
      margin: 25px auto 65px auto;
      padding: 60px 30px 60px 10px;
      border-radius: 50px;
      border-color: transparent;
      background-color: #E83D4D;
    }

    #table_body_3{
      width: 80%;
      margin: 25px auto 65px auto;
      padding: 60px 30px 60px 10px;
      border-radius: 50px;
      border-color: transparent;
      background-color: #E83D4D;
    }

    .table_body table {
      margin: 0 auto;
      text-align: center;
      vertical-align: center;
      border-collapse: collapse;
    }

      .table_body th {
        border: 2px solid #ffffff;
        background-color: #2C4F63;
        color: #ffffff;
        padding: 50px;

      }

      .table_body td {
        border-left: 2px solid #ffffff;
        border-right: 2px solid #ffffff;
        background-color: #2C4F63;
        padding: 50px;

      }

      #border_bottom{
        border-bottom: 2px solid #ffffff;
      }

      #header_top_left_corner{
        background-color: transparent;
        border: 0px solid #ffffff;

      }

      .table_day_header{
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0 auto;
      }

      .table_day_header h1{
        color: #ffffff;
      }

      .table_body th{
        font-size: 20px;
      }

      .table_body td h1{
        color: #ffffff;
        font-size: 20px;
        font-weight: 600;
      }

      .table_body td h2{
        color: #ffffff;
        font-size: 20px;
        font-weight: 400;
        line-height: 25px;
      }

      .table_body td h3{
        color: #ffffff;
        font-size: 20px;
        font-weight: 100;
        margin-top: -10px;
      }
}

@media screen and (max-width: 1650px) {
    /* Desktop 1 */
  /*Nav*/
  .main_nav_text ul {
   margin-left: 50px;
   margin-right: 50px;
  }
  .left_bar{
   width: 380px;
   height: 11px;
   float: left;
   background-color: #E83D4D;
  }

  .right_bar{
   width: 380px;
   height: 11px;
   float: right;
   background-color: #E83D4D;
  }

  /* Register Main Content */
  .registration_passes_box{
    margin: 40px 50px 40px 50px;
  }

  /* Main Content Speakers */
    /*Modal*/
    /* The Modal (background)*/
    #speakers_modal_content_1{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_2{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_3{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_4{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_5{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_6{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_7{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_8{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_9{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_10{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_11{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_13{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_14{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_15{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_16{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_17{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_18{
      margin: 5px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_19{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_20{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_21{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_22{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }

      .speakers_text h1{
        font-size: 60px;
        line-height: 60px;
        margin: 20px 0px;
      }
      .speakers_text h2{
        font-size: 30px;
        line-height: 30px;
      }
      .speakers_text h3{
        font-size: 30px;
        line-height: 30px;
      }
      .speakers_text p{
        font-size: 18px;
      }

      /* Schedule Page */
      .table_body{
        width: 80%;
        margin: 25px auto 65px auto;
        padding: 60px 30px 60px 10px;
        border-radius: 50px;
        border-color: transparent;
        background-color: #E83D4D;
      }

      #table_body_3{
        width: 80%;
        margin: 25px auto 65px auto;
        padding: 60px 30px 60px 10px;
        border-radius: 50px;
        border-color: transparent;
        background-color: #E83D4D;
      }

      .table_body table {
        margin: 0 auto;
        text-align: center;
        vertical-align: center;
        border-collapse: collapse;
      }

        .table_body th {
          border: 2px solid #ffffff;
          background-color: #2C4F63;
          color: #ffffff;
          padding: 40px;

        }

        .table_body td {
          border-left: 2px solid #ffffff;
          border-right: 2px solid #ffffff;
          background-color: #2C4F63;
          padding: 40px;

        }

        #border_bottom{
          border-bottom: 2px solid #ffffff;
        }

        #header_top_left_corner{
          background-color: transparent;
          border: 0px solid #ffffff;

        }

        .table_day_header{
          display: flex;
          justify-content: center;
          align-items: center;
          margin: 0 auto;
        }

        .table_day_header h1{
          color: #ffffff;
        }

        .table_body th{
          font-size: 20px;
        }

        .table_body td h1{
          color: #ffffff;
          font-size: 20px;
          font-weight: 600;
        }

        .table_body td h2{
          color: #ffffff;
          font-size: 20px;
          font-weight: 400;
          line-height: 25px;
        }

        .table_body td h3{
          color: #ffffff;
          font-size: 20px;
          font-weight: 100;
          margin-top: -10px;
        }
}

@media screen and (max-width: 1440px) {
    /* Desktop 3 */
  /*Nav*/
  .left_bar{
   width: 340px;
   height: 11px;
   float: left;
   background-color: #E83D4D;
  }

  .right_bar{
   width: 340px;
   height: 11px;
   float: right;
   background-color: #E83D4D;
  }
  /*Hero Section*/
  .hero_section{
    display: block;
    width: 100%;
    height: 100%;
    margin: 20px auto 0px auto;
  }


  /* registration checkout and forms container*/
    .checkout_window{
      width: 88.5%;
    }
  /*Shipping Address*/
    .checkout_button {
      width: 199px;
      height: 76px;
      font-size: 30px;
      margin: 0 0 50px 0;
    }
      .first_name_form{
        width: 48%;
        margin: 0 0 12px 0;
      }

      .last_name_form{
        width: 48%;
        margin: 0 0 12px 0;
      }
      .address_form{
        width: 98.75%;
      }
      .state_form{
        margin: 0 0 0 10px;
      }
      .zipcode_form{
        width: 25%;
        margin: 0 0 0 0;
      }
    .card_information{
      margin: 0 auto 20px auto;
    }
      #card_name{
        width: 99%;
        margin: 0 auto 12px auto;
      }
      #card_number{
        width: 48.5%;
        margin: 0 13px 0 0;
      }
      #card_date{
        width: 24.5%;
        margin: 0 2px 0 0px;
      }
      #card_ccv{
        width: 20%;
      }


  /* Main Content Speakers */
    .speakers_main{
      display: flex;
      flex-flow: row wrap;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: auto;
      margin: 0 auto 50px auto;
    }

    .speakers_flex{
      margin: 29px;

    }

      .speakers_flex_img{
        width: 247px;
        height: 247px;
        border-radius: 50%;
      }

  /* Hover */
  .speakers_hover_on {
    width: 247px;
    height: 247px;
    border-radius: 50%;
    background-color: #e83d4d;
  }

    .speakers_hover_on p{
      font-size: 45px;
      font-weight: 600;
      color: white;
      margin: 0 auto;
      text-align: center;
      padding: 50px 0;
    }

    .speakers_flex_img{
      width: 247px;
      height: 247px;
      border-radius: 50%;
    }

    /*Modal*/
    /* The Modal (background)*/
    .speakers_modal {
      display: none;
      position: fixed;/* Stay in place */
      z-index: 1;
      padding-top: 100px;
      left: -20px;
      top: -40px;
      width: 100%;
      height: 100%;
      overflow: auto;
      background-color: rgb(0,0,0);
      background-color: rgba(0,0,0,0.4);
    }

    /* Modal Content*/
    .speakers_modal_content{
      background-color: #2C4F63;
      margin: auto;
      padding: 20px;
      width: 80%;
      color: #ffffff;
    }
    .speakers_text{
      margin: 0 25px 0 25px;
    }

    #speakers_modal_content_1{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_2{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_3{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_4{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_5{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_6{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_7{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_8{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_9{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_10{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_11{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_13{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_14{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_15{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_16{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_17{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_18{
      margin: 5px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_19{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_20{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_21{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_22{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }

    .speakers_modal_content img{
      margin-top: 50px;
    }

    .speakers_modal_img{
      width: 247px;
      height: 247px;
      border-radius: 50%;
    }

    .speakers_modal_content h1{
      font-family: Roboto;
      font-style: normal;
      font-size: 64px;
      font-weight: 600;
      line-height: 0px;
      margin: 100px 0 0 0;
    }

    .speakers_modal_content h2{
      font-family: Roboto;
      font-style: normal;
      font-size: 36px;
      font-weight: 400;
      line-height: 2;
    }

    .speakers_modal_content h3{
      font-family: Roboto;
      font-style: 300;
      font-size: 36px;
      font-weight: 100;
      line-height: 0;
    }

    .speakers_modal_content p{
      font-family: Roboto;
      font-style: normal;
      font-size: 18px;
      font-weight: 400;
    }

    .speakers_modal_content button{
      width: 279px;
      height: 62px;
      background-color: #e83d4d;
      border: none;
      border-radius: 25px;
      font-size: 29px;
      font-weight: 400;
      color: #ffffff;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      margin: 60px auto 60px auto;
      text-decoration: none !important;
    }

      .speakers_modal_content button:hover{
        background-color: #ffffff;
        color: #e83d4d;
        text-decoration: none !important;

      }

      .speakers_modal_content a:link{
        text-decoration: none !important;
      }

  /* The Close Button*/
  .close_modal {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    margin-top: -10px;
  }

  .close_modal:hover,
  .close_modal:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
  }

/* Schedule Page */
.table_body{
  width: 80%;
  margin: 25px auto 65px auto;
  padding: 60px 30px 60px 10px;
  border-radius: 50px;
  border-color: transparent;
  background-color: #E83D4D;
}

#table_body_3{
  width: 80%;
  margin: 25px auto 65px auto;
  padding: 60px 30px 60px 10px;
  border-radius: 50px;
  border-color: transparent;
  background-color: #E83D4D;
}

.table_body table {
  margin: 0 auto;
  text-align: center;
  vertical-align: center;
  border-collapse: collapse;
}

  .table_body th {
    border: 2px solid #ffffff;
    background-color: #2C4F63;
    color: #ffffff;
    padding: 40px;

  }

  .table_body td {
    border-left: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    background-color: #2C4F63;
    padding: 40px;

  }

  #border_bottom{
    border-bottom: 2px solid #ffffff;
  }

  #header_top_left_corner{
    background-color: transparent;
    border: 0px solid #ffffff;

  }

  .table_day_header{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
  }

  .table_day_header h1{
    color: #ffffff;
  }

  .table_body th{
    font-size: 20px;
  }

  .table_body td h1{
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
  }

  .table_body td h2{
    color: #ffffff;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
  }

  .table_body td h3{
    color: #ffffff;
    font-size: 18px;
    font-weight: 100;
    margin-top: -10px;
  }
}

@media screen and (max-width: 1350px){
  /* Register Main Content */
    .registration_passes_box{
      margin: 40px 20px 40px 20px;
    }
  /* registration checkout and forms container*/
    .checkout_window{
      width: 88%;
    }
  /*Shipping Address*/
    .address_form{
      width: 98.75%;
    }
    #card_name{
      width: 98.75%;
    }
}

@media screen and (max-width: 1335px) {
/* Schedule table break */
/* Schedule Page */
.table_body{
  width: 80%;
  margin: 25px auto 65px auto;
  padding: 60px 30px 60px 10px;
  border-radius: 50px;
  border-color: transparent;
  background-color: #E83D4D;
}

#table_body_3{
  width: 80%;
  margin: 25px auto 65px auto;
  padding: 60px 30px 60px 10px;
  border-radius: 50px;
  border-color: transparent;
  background-color: #E83D4D;
}

.table_body table {
  margin: 0 auto;
  text-align: center;
  vertical-align: center;
  border-collapse: collapse;
}

  .table_body th {
    border: 2px solid #ffffff;
    background-color: #2C4F63;
    color: #ffffff;
    padding: 20px;

  }

  .table_body td {
    border-left: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    background-color: #2C4F63;
    padding: 20px;

  }

  #border_bottom{
    border-bottom: 2px solid #ffffff;
  }

  #header_top_left_corner{
    background-color: transparent;
    border: 0px solid #ffffff;

  }

  .table_day_header{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
  }

  .table_day_header h1{
    color: #ffffff;
  }

  .table_body th{
    font-size: 20px;
  }

  .table_body td h1{
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
  }

  .table_body td h2{
    color: #ffffff;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
  }

  .table_body td h3{
    color: #ffffff;
    font-size: 18px;
    font-weight: 100;
    margin-top: -10px;
  }
}

@media screen and (max-width: 1190px) {
  /*Nav*/
  .left_bar{
   width: 300px;
   height: 11px;
   float: left;
   background-color: #E83D4D;
  }

  .right_bar{
   width: 300px;
   height: 11px;
   float: right;
   background-color: #E83D4D;
  }
  /* Index Main Content*/
  .main_content_boxes{
    width: 30%;
  }
/* Register Main Content */
.registration_passes_box{
  margin: 40px 10px 40px 10px;
}
/* registration checkout and forms container*/
  .checkout_window{
    width: 86.5%;
  }
/*Shipping Address*/
    .first_name_form{
      width: 47.5%;
    }
    .last_name_form{
      width: 47.5%;
    }
    .address_form{
      width: 98.5%;
    }
    .zipcode_form{
      width: 23.5%;
    }
    #card_name{
      width: 98.5%;
    }
    #card_number{
      width: 48%;
    }
    #card_date{
      width: 23.75%;
    }

    /* Main Content Speakers */
    /*Modal*/
    /* The Modal (background)*/
    .speakers_modal {
      display: none;
    }
    /* Modal Content*/
    .speakers_modal_content{
      background-color: #2C4F63;
      margin: auto;
      padding: 20px;
      width: 80%;
      color: #fff;
    }
    .speakers_text{
      margin: 0 25px 0 25px;
    }
    #speakers_modal_content_1{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_2{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_3{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_4{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_5{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_6{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_7{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_8{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_9{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_10{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_11{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_13{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_14{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_15{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_16{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_17{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_18{
      margin: 5px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_19{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_20{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_21{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_22{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }

      .speakers_modal_content img{
        margin-top: 50px;
      }

      .speakers_modal_img{
        width: 200px;
        height: 200px;
        border-radius: 50%;
      }

      .speakers_modal_content h1{
        font-size: 50px;
        margin: 50px 0 0 0;
      }

      .speakers_modal_content h2{
        font-size: 26px;
      }

      .speakers_modal_content h3{
        font-size: 26px;
      }

      .speakers_modal_content p{
        font-size: 18px;
      }

}

@media screen and (max-width: 1135px) {
  /* Schedule table break */
/* Schedule Page */
.table_body{
  width: 80%;
  margin: 25px auto 65px auto;
  padding: 60px 30px 60px 10px;
  border-radius: 50px;
  border-color: transparent;
  background-color: #E83D4D;
}

#table_body_3{
  width: 80%;
  margin: 25px auto 65px auto;
  padding: 60px 30px 60px 10px;
  border-radius: 50px;
  border-color: transparent;
  background-color: #E83D4D;
}

.table_body table {
  margin: 0 auto;
  text-align: center;
  vertical-align: center;
  border-collapse: collapse;
}

  .table_body th {
    border: 2px solid #ffffff;
    background-color: #2C4F63;
    color: #ffffff;
    padding: 20px;

  }

  .table_body td {
    border-left: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    background-color: #2C4F63;
    padding: 20px;

  }

  #border_bottom{
    border-bottom: 2px solid #ffffff;
  }

  #header_top_left_corner{
    background-color: transparent;
    border: 0px solid #ffffff;

  }

  .table_day_header{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
  }

  .table_day_header h1{
    color: #ffffff;
  }

  .table_body th{
    font-size: 20px;
  }

  .table_body td h1{
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
  }

  .table_body td h2{
    color: #ffffff;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
  }

  .table_body td h3{
    color: #ffffff;
    font-size: 18px;
    font-weight: 100;
    margin-top: -10px;
  }
}

@media screen and (max-width: 1024px) {
    /* Desktop 4 */
  /*Nav*/
  .main_nav_text ul {
   margin-left: 10px;
   margin-right: 10px;
  }
  .left_bar{
   width: 250px;
   height: 11px;
   float: left;
   background-color: #E83D4D;
  }

  .right_bar{
   width: 250px;
   height: 11px;
   float: right;
   background-color: #E83D4D;
  }

  /*Hero Section*/
  .hero_section{
    display: block;
    width: 100%;
    height: 100%;
    margin: 10px auto 0px auto;
  }

  /* Index Main Content*/
  .main_content_boxes{
    width: 30%;
  }

/* Register Main Content */
.registration_passes_box{
  margin: 40px auto 40px auto;
}
.checkout_window{
  width: 83.8%;
}
  .first_name_form{
    width: 47%;
  }
  .last_name_form{
    width: 47%;
  }
  .address_form{
    width: 98.25%;
  }
  .city_form{
    width: 47%;
  }
  .state_form{
    width: 21.5%;
  }

  .zipcode_form{
    width: 21.5%;
  }

  #card_name{
    width: 98.25%;
  }

  #card_number{
    width: 47.5%;
  }

  #card_date{
    width: 21.5%;
  }

  #card_ccv{
    width: 21%;
  }

  /* Schedule Page */
  .table_body{
    width: 80%;
    margin: 25px auto 65px auto;
    padding: 60px 30px 60px 10px;
    border-radius: 50px;
    border-color: transparent;
    background-color: #E83D4D;
  }

  #table_body_3{
    width: 80%;
    margin: 25px auto 65px auto;
    padding: 60px 30px 60px 10px;
    border-radius: 50px;
    border-color: transparent;
    background-color: #E83D4D;
  }

  .table_body table {
    margin: 0 auto;
    text-align: center;
    vertical-align: center;
    border-collapse: collapse;
  }

    .table_body th {
      border: 2px solid #ffffff;
      background-color: #2C4F63;
      color: #ffffff;
      padding: 10px;

    }

    .table_body td {
      border-left: 2px solid #ffffff;
      border-right: 2px solid #ffffff;
      background-color: #2C4F63;
      padding: 10px;

    }

    #border_bottom{
      border-bottom: 2px solid #ffffff;
    }

    #header_top_left_corner{
      background-color: transparent;
      border: 0px solid #ffffff;

    }

    .table_day_header{
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0 auto;
    }

    .table_day_header h1{
      color: #ffffff;
    }

    .table_body th{
      font-size: 20px;
    }

    .table_body td h1{
      color: #ffffff;
      font-size: 20px;
      font-weight: 600;
    }

    .table_body td h2{
      color: #ffffff;
      font-size: 18px;
      font-weight: 400;
      line-height: 25px;
    }

/* Main Content Speakers */
/*Modal*/
/* The Modal (background)*/
.speakers_modal {
  display: none;
}
/* Modal Content*/
.speakers_modal_content{
  background-color: #2C4F63;
  margin: auto;
  padding: 20px;
  width: 80%;
  color: #fff;
}
.speakers_text{
  margin: 0 25px 0 25px;
}
#speakers_modal_content_1{
  margin: 20px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_2{
  margin: 20px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_3{
  margin: 20px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_4{
  margin: 20px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_5{
  margin: 20px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_6{
  margin: 20px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_7{
  margin: 20px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_8{
  margin: 20px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_9{
  margin: 20px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_10{
  margin: 20px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_11{
  margin: 20px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_13{
  margin: 20px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_14{
  margin: 20px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_15{
  margin: 20px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_16{
  margin: 20px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_17{
  margin: 20px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_18{
  margin: 5px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_19{
  margin: 20px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_20{
  margin: 20px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_21{
  margin: 20px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_22{
  margin: 20px auto 0 auto;
  padding: 40px 20px 40px 20px;
}

  .speakers_modal_content img{
    margin-top: 50px;
  }

  .speakers_modal_img{
    width: 200px;
    height: 200px;
    border-radius: 50%;
  }

  .speakers_modal_content h1{
    font-size: 50px;
    margin: 50px 0 0 0;
  }

  .speakers_modal_content h2{
    font-size: 26px;
  }

  .speakers_modal_content h3{
    font-size: 26px;
  }

  .speakers_modal_content p{
    font-size: 18px;
  }

/* The Close Button*/
.close_modal {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  margin-top: -10px;
}

.close_modal:hover,
.close_modal:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

  /* Getting Here Page*/
  .getting_here_map{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 500px;
    margin: 50px auto 50px auto;
  }

  #getting_here_map_2{
    width: 60%;
    height: 500px;
  }

/* Legal */
.legal_dropdown_container{
  width: 90%;
  margin: 0 auto;
}

.legal_dropdown_bar{
  width: 100%;
  height: 65px;
  background-color: #2C4F63;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 50px auto 0 auto;
  border-radius: 25px;
  border-color: transparent;
}

.legal_dropdown_content{
  padding: 30px 30px 30px 30px;
}
#legal_dropdown_1,
#legal_dropdown_2{
  width: 100%;
  height: auto;
  background-color: #ffffff;
  align-items: center;
  justify-content: center;
  margin: 0 auto 50px auto;
  border-radius: 25px;
  border-color: transparent;
}

  #legal_dropdown_1{
    display: none;
  }
  #legal_dropdown_2{
    display: none;
  }
}

@media screen and (max-width: 930px){
  /* Register Main Content */
  .registration_passes_box{
    margin: 40px auto 40px auto;
  }
  /*Shipping Address*/
      .first_name_form{
        width: 47%;
      }
      .last_name_form{
        width: 47%;
      }
      .address_form{
        width: 98.5%;
      }
      .city_form{
        width: 47%;
      }
      .state_form{
        width: 20%;
        margin: 0 0 0 10px;
      }
      .zipcode_form{
        width: 22.5%;
      }
      #card_name{
        width: 98.5%;
      }
      #card_number{
        width: 47%;
        margin: 0 15px 0 0;
      }
      #card_date{
        width: 20%;
      }
      #card_ccv{
        width: 22.5%;
      }
  /* Main Content Speakers */
    .speakers_main{
      display: flex;
      flex-flow: row wrap;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: auto;
      margin: 0 auto 50px auto;
    }

    .speakers_flex{
      margin: 29px;

    }

      .speakers_flex_img{
        width: 200px;
        height: 200px;
        border-radius: 50%;
      }

  /* Hover */
  .speakers_hover_on {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background-color: #e83d4d;
  }

    .speakers_hover_on p{
      font-size: 34px;
      font-weight: 600;
      color: white;
      margin: 0 auto;
      text-align: center;
      padding: 50px 0;
    }

    /*Modal*/
    /* The Modal (background)*/
    .speakers_modal {
      display: none;
      position: fixed;/* Stay in place */
      z-index: 1;
      padding-top: 100px;
      left: -20px;
      top: -40px;
      width: 100%;
      height: 100%;
      overflow: auto;
      background-color: rgb(0,0,0);
      background-color: rgba(0,0,0,0.4);
    }

    /* Modal Content*/
    .speakers_modal_content{
      background-color: #2C4F63;
      margin: auto;
      padding: 20px;
      width: 80%;
      color: #ffffff;
    }
    .speakers_text{
      margin: 0 25px 0 25px;
    }

    #speakers_modal_content_1{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_2{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_3{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_4{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_5{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_6{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_7{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_8{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_9{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_10{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_11{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_13{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_14{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_15{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_16{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_17{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_18{
      margin: 5px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_19{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_20{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_21{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }
    #speakers_modal_content_22{
      margin: 20px auto 0 auto;
      padding: 40px 20px 40px 20px;
    }

      .speakers_modal_content img{
        margin-top: 50px;
      }

      .speakers_modal_img{
        width: 175px;
        height: 175px;
        border-radius: 50%;
      }

      .speakers_modal_content h1{
        font-family: Roboto;
        font-style: normal;
        font-size: 40px;
        font-weight: 600;
        line-height: 0px;
        margin: 60px 0 0 0;
      }

      .speakers_modal_content h2{
        font-family: Roboto;
        font-style: normal;
        font-size: 26px;
        font-weight: 400;
        line-height: 2;
      }

      .speakers_modal_content h3{
        font-family: Roboto;
        font-style: 300;
        font-size: 26px;
        font-weight: 100;
        line-height: 0;
      }

      .speakers_modal_content p{
        font-family: Roboto;
        font-style: normal;
        font-size: 18px;
        font-weight: 400;
      }

      .speakers_modal_content button{
        width: 279px;
        height: 62px;
        background-color: #e83d4d;
        border: none;
        border-radius: 25px;
        font-size: 29px;
        font-weight: 400;
        color: #ffffff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin: 60px auto 60px auto;
        text-decoration: none !important;
      }
        .speakers_modal_content button:hover{
          background-color: #ffffff;
          color: #e83d4d;
          text-decoration: none !important;
        }
        .speakers_modal_content a:link{
          text-decoration: none !important;
        }

    /* The Close Button*/
    .close_modal {
      color: #aaaaaa;
      float: right;
      font-size: 28px;
      font-weight: bold;
      margin-top: -10px;
    }

    .close_modal:hover,
    .close_modal:focus {
      color: #000;
      text-decoration: none;
      cursor: pointer;
    }

/* Schedule Page */
.table_body{
  width: 80%;
  margin: 25px auto 65px auto;
  padding: 60px 30px 60px 10px;
  border-radius: 50px;
  border-color: transparent;
  background-color: #E83D4D;
}

#table_body_3{
  width: 80%;
  margin: 25px auto 65px auto;
  padding: 60px 30px 60px 10px;
  border-radius: 50px;
  border-color: transparent;
  background-color: #E83D4D;
}

.table_body table {
  margin: 0 auto;
  text-align: center;
  vertical-align: center;
  border-collapse: collapse;
}

  .table_body th {
    border: 2px solid #ffffff;
    background-color: #2C4F63;
    color: #ffffff;
    padding: 20px;

  }

  .table_body td {
    border-left: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    background-color: #2C4F63;
    padding: 20px;

  }

  #border_bottom{
    border-bottom: 2px solid #ffffff;
  }

  #header_top_left_corner{
    background-color: transparent;
    border: 0px solid #ffffff;

  }

  .table_day_header{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
  }

  .table_day_header h1{
    color: #ffffff;
  }

  .table_body th{
    font-size: 20px;
  }

  .table_body td h1{
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
  }

  .table_body td h2{
    color: #ffffff;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
  }
}

@media screen and (max-width: 914px) {
/* Schedule Page */
.table_body{
  width: 80%;
  margin: 25px auto 65px auto;
  padding: 60px 30px 60px 10px;
  border-radius: 50px;
  border-color: transparent;
  background-color: #E83D4D;
}

#table_body_3{
  width: 80%;
  margin: 25px auto 65px auto;
  padding: 60px 30px 60px 10px;
  border-radius: 50px;
  border-color: transparent;
  background-color: #E83D4D;
}

.table_body table {
  margin: 0 auto;
  text-align: center;
  vertical-align: center;
  border-collapse: collapse;
}

  .table_body th {
    border: 2px solid #ffffff;
    background-color: #2C4F63;
    color: #ffffff;
    padding: 10px;

  }

  .table_body td {
    border-left: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    background-color: #2C4F63;
    padding: 10px;

  }

  #border_bottom{
    border-bottom: 2px solid #ffffff;
  }

  #header_top_left_corner{
    background-color: transparent;
    border: 0px solid #ffffff;

  }

  .table_day_header{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
  }

  .table_day_header h1{
    color: #ffffff;
  }

  .table_body th{
    font-size: 18px;
  }

  .table_body td h1{
    color: #ffffff;
    font-size: 18px;
    font-weight: 600;
  }

  .table_body td h2{
    color: #ffffff;
    font-size: 15px;
    font-weight: 400;
    line-height: 25px;
  }
}

@media screen and (max-width: 834px) {
    /* Ipad Pro 10.5 */
  /*Nav*/
  .main_nav_text ul {
   margin-left: 10px;
   margin-right: 10px;
  }
  .left_bar{
   width: 220px;
   height: 11px;
   float: left;
   background-color: #E83D4D;
  }
  .right_bar{
   width: 220px;
   height: 11px;
   float: right;
   background-color: #E83D4D;
  }
  /*Hero Section*/
  .hero_section{
    margin: 20px auto 0px auto;
  }

  /* Index Main Content */
    .main_content_boxes{
      width: 30%;
      height: 350px;
    }

    .main_content_box_header,
    .main_content_box_header_img {
      top: -50px;
    }

    .main_content_box_header_img {
      top: -15px;
    }

    .main_content_box_buttons,
    .main_content_box_buttons_speaker {
      bottom: -55px;
    }

    .main_content_box_buttons_speaker{
      bottom: -25px;
    }

    .main_content_box_img{
      width:75%;
      height: auto;
    }

/* registration checkout and forms container*/
.registration_forms{
  width: 80%;
}
  .checkout_window{
    width: 84.5%;
  }

/*Shipping Address*/
    .state_form{
      width: 21.75%;
      margin: 0 0 0 13px;
    }
    .zipcode_form{
      width: 21%;
      margin: 0 0 0 0;
    }
    #card_number{
      margin: 0 0px 0 0;
    }
    #card_date{
      width: 21.75%;
      margin: 0 0 0 18px;
    }
    #card_ccv{
      width: 20%;
    }

/* Main Content Speakers */
  .speakers_main{
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    margin: 0 auto 50px auto;
  }

  .speakers_flex{
    margin: 20px;

  }

    .speakers_flex_img{
      width: 200px;
      height: 200px;
      border-radius: 50%;
    }

/* Hover */
.speakers_hover_on {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background-color: #e83d4d;
}

  .speakers_hover_on p{
    font-size: 34px;
    font-weight: 600;
    color: white;
    margin: 0 auto;
    text-align: center;
    padding: 50px 0;
  }

  /*Modal*/
  /* The Modal (background)*/
  .speakers_modal {
    display: none;
    position: fixed;/* Stay in place */
    z-index: 1;
    padding-top: 100px;
    left: -20px;
    top: -40px;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
  }

  /* Modal Content*/
  .speakers_modal_content{
    background-color: #2C4F63;
    margin: auto;
    padding: 20px;
    width: 80%;
    color: #ffffff;
  }
  .speakers_text{
    margin: 0 25px 0 25px;
  }

  #speakers_modal_content_1{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_2{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_3{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_4{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_5{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_6{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_7{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_8{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_9{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_10{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_11{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_13{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_14{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_15{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_16{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_17{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_18{
    margin: 5px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_19{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_20{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_21{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_22{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }

    .speakers_modal_content img{
      margin-top: 50px;
    }

    .speakers_modal_img{
      width: 175px;
      height: 175px;
      border-radius: 50%;
    }

    .speakers_modal_content h1{
      font-family: Roboto;
      font-style: normal;
      font-size: 40px;
      font-weight: 600;
      line-height: 0px;
      margin: 60px 0 0 0;
    }

    .speakers_modal_content h2{
      font-family: Roboto;
      font-style: normal;
      font-size: 26px;
      font-weight: 400;
      line-height: 2;
    }

    .speakers_modal_content h3{
      font-family: Roboto;
      font-style: 300;
      font-size: 26px;
      font-weight: 100;
      line-height: 0;
    }

    .speakers_modal_content p{
      font-family: Roboto;
      font-style: normal;
      font-size: 18px;
      font-weight: 400;
    }

    .speakers_modal_content button{
      width: 279px;
      height: 62px;
      background-color: #e83d4d;
      border: none;
      border-radius: 25px;
      font-size: 29px;
      font-weight: 400;
      color: #ffffff;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      margin: 60px auto 60px auto;
      text-decoration: none !important;
    }
      .speakers_modal_content button:hover{
        background-color: #ffffff;
        color: #e83d4d;
        text-decoration: none !important;
      }
      .speakers_modal_content a:link{
        text-decoration: none !important;
      }

  /* The Close Button*/
  .close_modal {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    margin-top: -10px;
  }

  .close_modal:hover,
  .close_modal:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
  }
  .info_about_devcon h1{
    font-size: 50px;
  }
}

@media screen and (max-width: 791px) {
  /*Nav*/
  .info_nav_text li p{
   display:block;
   color: #E83D4D;
   text-align: center;
   padding: 14px 16px;
   text-decoration: none;
   margin-top: 5px;
   margin-bottom: 0px;
   font-size: 22px;
   font-weight: 800;
  }

  .info_nav_text li a{
   display:block;
   color: white;
   text-align: center;
   padding: 14px 16px;
   text-decoration: none;
   margin-top: 5px;
   margin-bottom: 0px;
   font-size: 22px;
   font-weight: 400;
  }
}

@media screen and (max-width: 820px){
  .info_nav_text li p{
   display:block;
   color: #E83D4D;
   text-align: center;
   padding: 14px 16px;
   text-decoration: none;
   margin-top: 5px;
   margin-bottom: 0px;
   font-size: 20px;
   font-weight: 800;
  }

  .info_nav_text li a{
   display:block;
   color: white;
   text-align: center;
   padding: 14px 16px;
   text-decoration: none;
   margin-top: 5px;
   margin-bottom: 0px;
   font-size: 20px;
   font-weight: 400;
  }
}

@media screen and (max-width: 776px) {
    /* Tablet Large */
    .main_nav_text ul {
     margin-left: 10px;
     margin-right: 10px;
    }
    .info_nav_text li p{
     display:block;
     color: #E83D4D;
     text-align: center;
     padding: 14px 16px;
     text-decoration: none;
     margin-top: 5px;
     margin-bottom: 0px;
     font-size: 22px;
     font-weight: 800;
    }

    .info_nav_text li a{
     display:block;
     color: white;
     text-align: center;
     padding: 14px 16px;
     text-decoration: none;
     margin-top: 5px;
     margin-bottom: 0px;
     font-size: 22px;
     font-weight: 400;
    }
/* registration checkout and forms container*/
.registration_forms{
  width: 80%;
}

  .checkout_window{
    width: 83.5%;
  }

/*Shipping Address*/
  .first_name_form{
    width: 47%;
  }
  .last_name_form{
    width: 47%;
  }
  .address_form{
    width: 98.25%;
  }
  .city_form{
    width: 47%;
  }
  .state_form{
    width: 20%;
    margin: 0 0 0 12px;
  }

  .zipcode_form{
    width: 22%;
  }

  #card_name{
    width: 98.25%;
  }

  #card_number{
    width: 48%;
    margin: 0 15px 0 0;
  }

  #card_date{
    width: 20%;
    margin: 0 2px 0 0px;
  }

  #card_ccv{
    width: 21%;
  }
/* Main Content Speakers */
  .speakers_main{
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    margin: 0 auto 50px auto;
  }

  .speakers_flex{
    margin: 20px;

  }

    .speakers_flex_img{
      width: 200px;
      height: 200px;
      border-radius: 50%;
    }

/* Hover */
.speakers_hover_on {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background-color: #e83d4d;
}

  .speakers_hover_on p{
    font-size: 34px;
    font-weight: 600;
    color: white;
    margin: 0 auto;
    text-align: center;
    padding: 50px 0;
  }

  /*Modal*/
  /* The Modal (background)*/
  .speakers_modal {
    display: none;
    position: fixed;/* Stay in place */
    z-index: 1;
    padding-top: 100px;
    left: -20px;
    top: -40px;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
  }

  /* Modal Content*/
  .speakers_modal_content{
    background-color: #2C4F63;
    margin: auto;
    padding: 20px;
    width: 80%;
    color: #ffffff;
  }
  .speakers_text{
    margin: 0 25px 0 25px;
  }

  #speakers_modal_content_1{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_2{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_3{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_4{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_5{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_6{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_7{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_8{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_9{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_10{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_11{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_13{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_14{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_15{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_16{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_17{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_18{
    margin: 5px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_19{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_20{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_21{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_22{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }

    .speakers_modal_content img{
      margin-top: 50px;
    }

    .speakers_modal_img{
      width: 175px;
      height: 175px;
      border-radius: 50%;
    }

    .speakers_modal_content h1{
      font-family: Roboto;
      font-style: normal;
      font-size: 40px;
      font-weight: 600;
      line-height: 0px;
      margin: 60px 0 0 0;
    }

    .speakers_modal_content h2{
      font-family: Roboto;
      font-style: normal;
      font-size: 26px;
      font-weight: 400;
      line-height: 2;
    }

    .speakers_modal_content h3{
      font-family: Roboto;
      font-style: 300;
      font-size: 26px;
      font-weight: 100;
      line-height: 0;
    }

    .speakers_modal_content p{
      font-family: Roboto;
      font-style: normal;
      font-size: 18px;
      font-weight: 400;
    }

    .speakers_modal_content button{
      width: 279px;
      height: 62px;
      background-color: #e83d4d;
      border: none;
      border-radius: 25px;
      font-size: 29px;
      font-weight: 400;
      color: #ffffff;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      margin: 60px auto 60px auto;
      text-decoration: none !important;
    }
      .speakers_modal_content button:hover{
        background-color: #ffffff;
        color: #e83d4d;
        text-decoration: none !important;
      }
      .speakers_modal_content a:link{
        text-decoration: none !important;
      }

  /* The Close Button*/
  .close_modal {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    margin-top: -10px;
  }

  .close_modal:hover,
  .close_modal:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
  }

/* Info Page */
  .where_is_devcon{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 50px auto 60px auto;
  }

  .info_about_devcon{
    width: 60%;
    height: auto;
    margin: 80px auto 50px auto;
  }

  .info_about_devcon h1{
    color: #ffffff;
    font-size: 50px;
    line-height: 20px;
  }

  .info_about_devcon p{
    color: #ffffff;
    font-size: 18px;
  }
}

@media screen and (max-width: 776px) {
    .info_nav_text li p{
     font-size: 20px;
    }

    .info_nav_text li a{
     font-size: 20px;
    }
  }

@media screen and (max-width: 768px) {
    /* iPad */
/*Header For Main Pages*/
    .main_nav_text ul {
     margin-left: 20px;
     margin-right: 20px;
    }
    .left_bar{
     width: 180px;
     height: 11px;
     float: left;
     background-color: #E83D4D;
    }
    .right_bar{
     width: 180px;
     height: 11px;
     float: right;
     background-color: #E83D4D;
    }

/*Header For Info Sub Pages*/
    .info_nav_text li p{
     font-size: 18px;
    }

    .info_nav_text li a{
     font-size: 18px;
    }
/* Index Main Content */
    .main_content_boxes{
      width: 30%;
      height: 300px;
    }

    .main_content_box_header,
    .main_content_box_header_img {
      top: -40px;
      font-size: 26px;
    }

    .main_content_box_header_img {
      top: -10px;
    }

    .main_content_box_buttons,
    .main_content_box_buttons_speaker {
      bottom: -35px;
      width: 175px;
      height: 70px;
    }

    .main_content_box_buttons_speaker{
      bottom: -10px;
      width: 175px;
      height: 60px;
      font-size: 22px;
    }

    .main_content_box_img{
      width: 70%;
      height: auto;
    }

/* Register Main Content */
.registration_passes_box{
  margin: 40px 10px 40px 10px;
}

/* Main Content Speakers */
  .speakers_main{
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    margin: 0 auto 50px auto;
  }

  .speakers_flex{
    margin: 20px;

  }

    .speakers_flex_img{
      width: 200px;
      height: 200px;
      border-radius: 50%;
    }

/* Hover */
.speakers_hover_on {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background-color: #e83d4d;
}

  .speakers_hover_on p{
    font-size: 34px;
    font-weight: 600;
    color: white;
    margin: 0 auto;
    text-align: center;
    padding: 50px 0;
  }

  /*Modal*/
  /* The Modal (background)*/
  .speakers_modal {
    display: none;
    position: fixed;/* Stay in place */
    z-index: 1;
    padding-top: 100px;
    left: -20px;
    top: -40px;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
  }

  /* Modal Content*/
  .speakers_modal_content{
    background-color: #2C4F63;
    margin: auto;
    padding: 20px;
    width: 80%;
    color: #ffffff;
  }
  .speakers_text{
    margin: 0 25px 0 25px;
  }

  #speakers_modal_content_1{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_2{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_3{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_4{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_5{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_6{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_7{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_8{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_9{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_10{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_11{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_13{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_14{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_15{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_16{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_17{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_18{
    margin: 5px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_19{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_20{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_21{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_22{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }

    .speakers_modal_content img{
      margin-top: 50px;
    }

    .speakers_modal_img{
      width: 175px;
      height: 175px;
      border-radius: 50%;
    }

    .speakers_modal_content h1{
      font-family: Roboto;
      font-style: normal;
      font-size: 40px;
      font-weight: 600;
      line-height: 0px;
      margin: 60px 0 0 0;
    }

    .speakers_modal_content h2{
      font-family: Roboto;
      font-style: normal;
      font-size: 26px;
      font-weight: 400;
      line-height: 2;
    }

    .speakers_modal_content h3{
      font-family: Roboto;
      font-style: 300;
      font-size: 26px;
      font-weight: 100;
      line-height: 0;
    }

    .speakers_modal_content p{
      font-family: Roboto;
      font-style: normal;
      font-size: 18px;
      font-weight: 400;
    }

    .speakers_modal_content button{
      width: 279px;
      height: 62px;
      background-color: #e83d4d;
      border: none;
      border-radius: 25px;
      font-size: 29px;
      font-weight: 400;
      color: #ffffff;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      margin: 60px auto 60px auto;
      text-decoration: none !important;
    }
      .speakers_modal_content button:hover{
        background-color: #ffffff;
        color: #e83d4d;
        text-decoration: none !important;
      }
      .speakers_modal_content a:link{
        text-decoration: none !important;
      }

  /* The Close Button*/
  .close_modal {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    margin-top: -10px;
  }

  .close_modal:hover,
  .close_modal:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
  }
}

@media screen and (max-width: 745px) {
  /* Register Main Content */
  .registration_passes_box{
    margin: 40px auto 40px auto;
    width: 290px;
    height: 390px;
  }

/* Main Content Speakers */
  .speakers_main{
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    margin: 0 auto 50px auto;
  }
  .speakers_flex{
    margin: 5px;
  }
    .speakers_flex_img{
      width: 200px;
      height: 200px;
      border-radius: 50%;
    }

/* Hover */
.speakers_hover_on {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background-color: #e83d4d;
}

  .speakers_hover_on p{
    font-size: 34px;
    font-weight: 600;
    color: white;
    margin: 0 auto;
    text-align: center;
    padding: 50px 0;
  }

  /*Modal*/
  /* The Modal (background)*/
  .speakers_modal {
    display: none;
    position: fixed;/* Stay in place */
    z-index: 1;
    padding-top: 100px;
    left: -20px;
    top: -40px;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
  }

  /* Modal Content*/
  .speakers_modal_content{
    background-color: #2C4F63;
    margin: auto;
    padding: 20px;
    width: 80%;
    color: #ffffff;
  }
  .speakers_text{
    margin: 0 25px 0 25px;
  }

  #speakers_modal_content_1{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_2{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_3{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_4{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_5{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_6{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_7{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_8{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_9{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_10{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_11{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_13{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_14{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_15{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_16{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_17{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_18{
    margin: 5px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_19{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_20{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_21{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_22{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }

    .speakers_modal_content img{
      margin-top: 50px;
    }

    .speakers_modal_img{
      width: 175px;
      height: 175px;
      border-radius: 50%;
    }

    .speakers_modal_content h1{
      font-family: Roboto;
      font-style: normal;
      font-size: 40px;
      font-weight: 600;
      line-height: 0px;
      margin: 60px 0 0 0;
    }

    .speakers_modal_content h2{
      font-family: Roboto;
      font-style: normal;
      font-size: 26px;
      font-weight: 400;
      line-height: 2;
    }

    .speakers_modal_content h3{
      font-family: Roboto;
      font-style: 300;
      font-size: 26px;
      font-weight: 100;
      line-height: 0;
    }

    .speakers_modal_content p{
      font-family: Roboto;
      font-style: normal;
      font-size: 18px;
      font-weight: 400;
    }

    .speakers_modal_content button{
      width: 279px;
      height: 62px;
      background-color: #e83d4d;
      border: none;
      border-radius: 25px;
      font-size: 29px;
      font-weight: 400;
      color: #ffffff;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      margin: 60px auto 60px auto;
      text-decoration: none !important;
    }
      .speakers_modal_content button:hover{
        background-color: #ffffff;
        color: #e83d4d;
        text-decoration: none !important;
      }
      .speakers_modal_content a:link{
        text-decoration: none !important;
      }

  /* The Close Button*/
  .close_modal {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    margin-top: -10px;
  }

  .close_modal:hover,
  .close_modal:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
  }

/* Schedule Page */
.table_body{
  width: 80%;
  margin: 25px auto 65px auto;
  padding: 60px 30px 60px 10px;
  border-radius: 50px;
  border-color: transparent;
  background-color: #E83D4D;
}

#table_body_3{
  width: 80%;
  margin: 25px auto 65px auto;
  padding: 60px 30px 60px 10px;
  border-radius: 50px;
  border-color: transparent;
  background-color: #E83D4D;
}

.table_body table {
  margin: 0 auto;
  text-align: center;
  vertical-align: center;
  border-collapse: collapse;
}

  .table_body th {
    border: 2px solid #ffffff;
    background-color: #2C4F63;
    color: #ffffff;
    padding: 10px;

  }

  .table_body td {
    border-left: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    background-color: #2C4F63;
    padding: 10px;

  }

  #border_bottom{
    border-bottom: 2px solid #ffffff;
  }

  #header_top_left_corner{
    background-color: transparent;
    border: 0px solid #ffffff;

  }

  .table_day_header{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
  }

  .table_day_header h1{
    color: #ffffff;
  }

  .table_body th{
    font-size: 20px;
  }

  .table_body td h1{
    color: #ffffff;
    font-size: 20px;
    font-weight: 600;
  }

  .table_body td h2{
    color: #ffffff;
    font-size: 18px;
    font-weight: 400;
    line-height: 25px;
  }

  .table_body td h3{
    color: #ffffff;
    font-size: 18px;
    font-weight: 100;
    margin-top: -10px;
  }
}

@media screen and (max-width: 675px){
  .info_nav_text li p{
   font-size: 15px;
  }

  .info_nav_text li a{
   font-size: 15px;
  }
}

@media screen and (max-width: 670px) {
  .main_nav_text{
   height: 80px;
  }
  .main_nav_text li a{
   font-size: 18px;
  }
  .main_nav_text ul {
   margin-left: 5px;
   margin-right: 5px;
  }
  .info_nav_text li p{
   font-size: 15px;
  }
  .info_nav_text li a{
   font-size: 15px;
  }

/* Index */
    .main_content_box_buttons,
    .main_content_box_buttons_speaker {
      bottom: -40px;
      width: 150px;
      height: 66px;
      font-size: 25px;
    }
    .main_content_box_buttons_speaker{
      font-size: 25px;
      bottom: -25px;
    }
  .main_content_button,
    .main_content_button_speaker{
      margin: 0 auto;
      width: 344px;
      height: 76px;
      border-radius: 25px;
      border-color: transparent;
      background-color: #E83D4D;
      font-family: Roboto;
      font-style: normal;
      font-weight: normal;
      font-size: 36px;
      line-height: normal;
      color: white;
    }
    .main_content_button_speaker{
      margin: 0 auto 40px auto;
    }

/* Register Main Content */
.registration_passes_box{
  width: 250px;
  height: 350px;
}
.registration_passes_header {
  top: -50px;
}
  #pass_3w{
    top: -30px !important;
  }
.registration_passes_button {
  bottom: -50px;
}
  #pass_3w_button{
    bottom: -25px !important;
  }
  /*Shipping Address*/
  .first_name_form{
    width: 47%;
  }
  .last_name_form{
    width: 47%;
  }
  .address_form{
    width: 98.25%;
  }
  .city_form{
    width: 47%;
  }
  .state_form{
    width: 20%;
    margin: 0 0 0 5px;
  }

  .zipcode_form{
    width: 23%;
  }

  #card_name{
    width: 98.25%;
  }

  #card_number{
    width: 48%;
    margin: 0 10px 0 0;
  }

  #card_date{
    width: 20.5%;
    margin: 0 2px 0 0px;
  }

  #card_ccv{
    width: 21.5%;
  }
/* Main Content Speakers */
  .speakers_main{
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    margin: 0 auto 50px auto;
  }
  .speakers_flex{
    margin: 20px;
  }
    .speakers_flex_img{
      width: 150px;
      height: 150px;
    }

/* Hover */
.speakers_hover_on {
  width: 150px;
  height: 150px;
}
  .speakers_hover_on p{
    font-size: 25px;
    padding: 35px 0;
  }

  /*Modal*/
  /* The Modal (background)*/
  .speakers_modal {
    display: none;
    position: fixed;/* Stay in place */
    z-index: 1;
    padding-top: 100px;
    left: -20px;
    top: -40px;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
  }

  /* Modal Content*/
  .speakers_modal_content{
    background-color: #2C4F63;
    margin: auto;
    padding: 20px;
    width: 80%;
    color: #ffffff;
  }
  .speakers_text{
    margin: 0 25px 0 25px;
  }

  #speakers_modal_content_1{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_2{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_3{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_4{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_5{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_6{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_7{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_8{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_9{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_10{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_11{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_13{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_14{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_15{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_16{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_17{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_18{
    margin: 5px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_19{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_20{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_21{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_22{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }

    .speakers_modal_content img{
      margin-top: 50px;
    }

    .speakers_modal_img{
      width: 175px;
      height: 175px;
      border-radius: 50%;
    }

    .speakers_modal_content h1{
      font-family: Roboto;
      font-style: normal;
      font-size: 40px;
      font-weight: 600;
      line-height: 0px;
      margin: 60px 0 0 0;
    }

    .speakers_modal_content h2{
      font-family: Roboto;
      font-style: normal;
      font-size: 26px;
      font-weight: 400;
      line-height: 2;
    }

    .speakers_modal_content h3{
      font-family: Roboto;
      font-style: 300;
      font-size: 26px;
      font-weight: 100;
      line-height: 0;
    }

    .speakers_modal_content p{
      font-family: Roboto;
      font-style: normal;
      font-size: 18px;
      font-weight: 400;
    }

    .speakers_modal_content button{
      width: 279px;
      height: 62px;
      background-color: #e83d4d;
      border: none;
      border-radius: 25px;
      font-size: 29px;
      font-weight: 400;
      color: #ffffff;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      margin: 60px auto 60px auto;
      text-decoration: none !important;
    }
      .speakers_modal_content button:hover{
        background-color: #ffffff;
        color: #e83d4d;
        text-decoration: none !important;
      }
      .speakers_modal_content a:link{
        text-decoration: none !important;
      }

  /* The Close Button*/
  .close_modal {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    margin-top: -10px;
  }

  .close_modal:hover,
  .close_modal:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
  }

  /* Schedule Page */
  .table_body{
    width: 80%;
    margin: 25px auto 65px auto;
    padding: 60px 30px 60px 10px;
    border-radius: 50px;
    border-color: transparent;
    background-color: #E83D4D;
  }

  #table_body_3{
    width: 80%;
    margin: 25px auto 65px auto;
    padding: 60px 30px 60px 10px;
    border-radius: 50px;
    border-color: transparent;
    background-color: #E83D4D;
  }

  .table_body table {
    margin: 0 auto;
    text-align: center;
    vertical-align: center;
    border-collapse: collapse;
  }

    .table_body th {
      border: 2px solid #ffffff;
      background-color: #2C4F63;
      color: #ffffff;
      padding: 10px;

    }

    .table_body td {
      border-left: 2px solid #ffffff;
      border-right: 2px solid #ffffff;
      background-color: #2C4F63;
      padding: 10px;

    }

    #border_bottom{
      border-bottom: 2px solid #ffffff;
    }

    #header_top_left_corner{
      background-color: transparent;
      border: 0px solid #ffffff;

    }

    .table_day_header{
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0 auto;
    }

    .table_day_header h1{
      color: #ffffff;
    }

    .table_body th{
      font-size: 18px;
    }

    .table_body td h1{
      color: #ffffff;
      font-size: 18px;
      font-weight: 600;
    }

    .table_body td h2{
      color: #ffffff;
      font-size: 15px;
      font-weight: 400;
      line-height: 25px;
    }
}

@media screen and (max-width: 620px) {
  .info_nav_text li p{
   font-size: 14px;
  }

  .info_nav_text li a{
   font-size: 14px;
  }
  /* Schedule Page */
  .table_body{
    width: 90%;
    margin: 25px auto 65px auto;
    padding: 60px 30px 60px 10px;
    border-radius: 50px;
    border-color: transparent;
    background-color: #E83D4D;
  }

  #table_body_3{
    width: 90%;
    margin: 25px auto 65px auto;
    padding: 60px 30px 60px 10px;
    border-radius: 50px;
    border-color: transparent;
    background-color: #E83D4D;
  }

  .table_body table {
    margin: 0 auto;
    text-align: center;
    vertical-align: center;
    border-collapse: collapse;
  }

    .table_body th {
      border: 2px solid #ffffff;
      background-color: #2C4F63;
      color: #ffffff;
      padding: 5px;

    }

    .table_body td {
      border-left: 2px solid #ffffff;
      border-right: 2px solid #ffffff;
      background-color: #2C4F63;
      padding: 5px;

    }

    #border_bottom{
      border-bottom: 2px solid #ffffff;
    }

    #header_top_left_corner{
      background-color: transparent;
      border: 0px solid #ffffff;

    }

    .table_day_header{
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0 auto;
    }

    .table_day_header h1{
      color: #ffffff;
    }

    .table_body th{
      font-size: 18px;
    }

    .table_body td h1{
      color: #ffffff;
      font-size: 15px;
      font-weight: 600;
    }

    .table_body td h2{
      color: #ffffff;
      font-size: 15px;
      font-weight: 400;
      line-height: 25px;
    }
}

@media screen and (max-width: 585px) {
  .main_nav{
    display: none;
  }

  .main_nav_phone{
    display: block;
    width: 100%;
    height:auto;
  }

  .logo_menu{
    display: flex;
    width: 100%;
    height: auto;
  }

  .main_logo {
    display: relative;
    width:75%;
    height:auto;
    margin: 0px auto 0 auto;
  }

  .hamburger_menu{
    display: relative;
    width: auto;
    height: 35px;
    margin: 40px auto 0 auto;
    cursor: pointer;
  }

  .bar1, .bar2, .bar3 {
    width: 35px;
    height: 5px;
    background-color: #E83D4D;
    margin: 6px 0;
    transition: 0.4s;
  }

  .info_nav{
    display: none;
  }
  .mobile_nav_text{
    display: none;
    width:100%;
    height:auto;
    background-color: #2C4F63;
    text-align: center;
  }

    .mobile_nav_text a{
      color: #ffffff;
      font-size: 36px;
      text-decoration: none;
    }

    .mobile_nav_text ul{
      list-style-type: none;
      margin: 0;
      padding: 0;
    }

    .mobile_nav_text li{
        margin: 10px auto 10px auto;
    }

      #register_padding{
        padding-top: 10px;
      }

      #nav_text_small a{
        font-size: 24px;

      }
  .nav_bar{
    align-items: center;
    width: 90%;
    height: 5px;
    background-color: #E83D4D;
    margin: 0 auto 0 auto;
    transition: 0.4s;
  }

  .nav_bar_2{
    width: 80%;
    height: 5px;
    background-color: #E83D4D;
    margin: 0 auto 0 auto;
    transition: 0.4s;
  }
  .hero_section{
    display:none;
  }
  .hero_section_iphone{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px auto 25px auto;
  }

.learn_more{
  margin: 0 0 40px 0;
}
  .passes{
    display: flex;
    flex-direction: column;
  }
  .speakers{
    display: flex;
    flex-direction: column;
  }
  .main_content_boxes{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 40px auto;
    width: 345px;
    height: 434px;
    background-color: #2C4F63;
    border-radius: 50px;
  }
  .main_content_box_header,
  .main_content_box_header_img {
    position: relative;
    top: -80px;
    width: auto;
    height: auto;
    margin: 0 auto;
    font-size: 36px;
    font-weight: 400;
  }
  .main_content_box_header_img {
    top: -25px;
  }
  .main_content_box_buttons,
  .main_content_box_buttons_speaker {
    position: relative;
    bottom: -80px;
    width: 199px;
    height: 76px;
    margin: 0 auto 0 auto;
    font-size: 30px;
    font-weight: 400;
    color: #fff;
    background-color: #E83D4D;
    border-radius: 20px;
    border-color: transparent;
  }
  .main_content_box_buttons_speaker{
    font-size: 25px;
    bottom: -25px;
  }
  .main_content_box_img{
    width:223px;
    height:223px;
    border-radius: 30px;
    border-color: transparent;
  }
  .main_content_button,
  .main_content_button_speaker{
    margin: 0 auto;
    width: 344px;
    height: 76px;
    border-radius: 25px;
    border-color: transparent;
    background-color: #E83D4D;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 36px;
    line-height: normal;
    color: white;
  }
  .main_content_button_speaker{
    margin: 0 auto 40px auto;
  }
/* Register Main Content */
.registration_passes_box{
  margin: 10px auto 10px auto;
  width: 30%;
  height: 200px;
  border-radius:30px;
}

.registration_passes_header {
  top: -30px;
  margin: 100px auto 100px auto;
  font-size: 18px;

}
  #pass_3w{
    top: -20px !important;
  }

.registration_passes_button {
  width: 70%;
  height: 50px;
  padding: 10px;
  font-size: 15px;
  bottom: 70px;
}

#pass_3w_button{
  bottom: 80px !important;
}
  /* registration checkout and forms container*/
  .registration_forms{
    width: 90%;
  }
    .checkout_window{
      width: 90%;
      padding: 50px 20px 50px 20px;
    }
  /*Shipping Address*/
    .first_name_form{
      width: 46%;
    }
    .last_name_form{
      width: 46%;
    }
    .address_form{
      width: 98%;
    }
    .city_form{
      width: 46%;
    }
    .state_form{
      width: 20%;
      margin: 0 0 0 7px;
    }

    .zipcode_form{
      width: 21%;
    }

    #card_name{
      width: 98%;
    }

    #card_number{
      width: 46.5%;
      margin: 0 13px 0 0;
    }

    #card_date{
      width: 20%;
      margin: 0 2px 0 0px;
    }

    #card_ccv{
      width: 20%;
    }

/* Main Content Speakers */
  .speakers_main{
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
    margin: 0 auto 50px auto;
  }
  .speakers_flex{
    margin: 20px;
  }
    .speakers_flex_img{
      width: 200px;
      height: 200px;
    }

/* Hover */
.speakers_hover_on {
  width: 200px;
  height: 200px;
}
  .speakers_hover_on p{
    font-size: 30px;
    padding: 50px 0;
  }

  /*Modal*/
  /* The Modal (background)*/
  .speakers_modal {
    display: none;
    position: fixed;/* Stay in place */
    z-index: 1;
    padding-top: 100px;
    left: -20px;
    top: -40px;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.4);
  }

  /* Modal Content*/
  .speakers_modal_content{
    background-color: #2C4F63;
    margin: auto;
    padding: 20px;
    width: 80%;
    color: #ffffff;
  }
  .speakers_text{
    margin: 0 25px 0 25px;
  }

  #speakers_modal_content_1{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_2{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_3{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_4{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_5{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_6{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_7{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_8{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_9{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_10{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_11{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_13{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_14{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_15{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_16{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_17{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_18{
    margin: 5px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_19{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_20{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_21{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }
  #speakers_modal_content_22{
    margin: 20px auto 0 auto;
    padding: 40px 20px 40px 20px;
  }

    .speakers_modal_content img{
      margin-top: 50px;
    }

    .speakers_modal_img{
      width: 175px;
      height: 175px;
      border-radius: 50%;
    }

    .speakers_modal_content h1{
      font-family: Roboto;
      font-style: normal;
      font-size: 40px;
      font-weight: 600;
      line-height: 0px;
      margin: 60px 0 0 0;
    }

    .speakers_modal_content h2{
      font-family: Roboto;
      font-style: normal;
      font-size: 26px;
      font-weight: 400;
      line-height: 2;
    }

    .speakers_modal_content h3{
      font-family: Roboto;
      font-style: 300;
      font-size: 26px;
      font-weight: 100;
      line-height: 0;
    }

    .speakers_modal_content p{
      font-family: Roboto;
      font-style: normal;
      font-size: 18px;
      font-weight: 400;
    }

    .speakers_modal_content button{
      width: 279px;
      height: 62px;
      background-color: #e83d4d;
      border: none;
      border-radius: 25px;
      font-size: 29px;
      font-weight: 400;
      color: #ffffff;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      margin: 60px auto 60px auto;
      text-decoration: none !important;
    }
      .speakers_modal_content button:hover{
        background-color: #ffffff;
        color: #e83d4d;
        text-decoration: none !important;
      }
      .speakers_modal_content a:link{
        text-decoration: none !important;
      }

  /* The Close Button*/
  .close_modal {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    margin-top: -10px;
  }

  .close_modal:hover,
  .close_modal:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
  }

/* Info Page */
  .info_about_devcon h1{
    font-size: 30px;
  }

  .info_about_devcon p{
    font-size: 18px;
  }

  /* Footer*/
  footer{
    background-color: #E83D4D;
    width: 100%;
    height: auto;
    color: white;
    display: flex;
  }
    #footer_legal{
    margin-top: 50px;
    }

  .footer_flex {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    flex-direction: column;
    background-color: #E83D4D;
    width: 100%;
    height: auto;
    color: white;
  }

    .footer_sitemap{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      text-align: center;
      margin: 20px auto 0 auto;
      width: 100%;
      height: 200px;
    }

        .footer_sitemap ul{
            width:210px;
            list-style: none;
            margin-top: -10px;
            margin-left: -20px;
        }

        .footer_sitemap li{
            float:left;
            height:15px;
            width:90px;
        }
        .footer_sitemap li:nth-child(even){
            margin-right:0;
        }

        .footer_sitemap a{
          text-decoration: none;
          color: #ffffff;
        }

        .footer_sitemap a:hover{
          text-decoration: none;
          color: #091028;

        }

    .footer_contact{
      justify-content: center;
      align-items: center;
      text-align: center;
      margin: 0 auto;
      width: 100%;
      height: 200px;
    }

    .social_media{
      justify-content: center;
      align-items: center;
      text-align: center;
      margin: 0 auto;
      width: 100%;
      height: 200px;
    }

  /* Getting Here Page*/
  #getting_here_map_2{
    width: 60%;
    height: 500px;
  }

  /* Schedule Page */
  .table_body{
    width: 90%;
    margin: 25px auto 65px auto;
    padding: 60px 30px 60px 10px;
    border-radius: 50px;
    border-color: transparent;
    background-color: #E83D4D;
  }

  #table_body_3{
    width: 90%;
    margin: 25px auto 65px auto;
    padding: 60px 30px 60px 10px;
    border-radius: 50px;
    border-color: transparent;
    background-color: #E83D4D;
  }

  .table_body table {
    margin: 0 auto;
    text-align: center;
    vertical-align: center;
    border-collapse: collapse;
  }

    .table_body th {
      border: 2px solid #ffffff;
      background-color: #2C4F63;
      color: #ffffff;
      padding: 3px;

    }

    .table_body td {
      border-left: 2px solid #ffffff;
      border-right: 2px solid #ffffff;
      background-color: #2C4F63;
      padding: 3px;

    }

    #border_bottom{
      border-bottom: 2px solid #ffffff;
    }

    #header_top_left_corner{
      background-color: transparent;
      border: 0px solid #ffffff;

    }

    .table_day_header{
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0 auto;
    }

    .table_day_header h1{
      color: #ffffff;
    }

    .table_body th{
      font-size: 18px;
    }

    .table_body td h1{
      color: #ffffff;
      font-size: 15px;
      font-weight: 600;
    }

    .table_body td h2{
      color: #ffffff;
      font-size: 15px;
      font-weight: 400;
      line-height: 25px;
    }
}

@media screen and (max-width: 477px){
  .learn_more h1{
    font-size: 40px;
  }
}

@media screen and (max-width: 450px) {
  .hamburger_menu{
    margin: 30px auto 0 auto;
  }

  .learn_more button{
    width: 95%;
  }

  .speakers_modal_content h1{
    font-family: Roboto;
    font-style: normal;
    font-size: 40px;
    font-weight: 600;
    line-height: 42px;
    margin: 25px 0 0 0;
  }

  .speakers_modal_content h2{
    font-family: Roboto;
    font-style: normal;
    font-size: 23px;
    font-weight: 400;
    line-height: 23px;
  }

  .speakers_modal_content h3{
    font-family: Roboto;
    font-style: 300;
    font-size: 20px;
    font-weight: 100;
    line-height: 20px;
  }

  .speakers_modal_content p{
    font-family: Roboto;
    font-style: normal;
    font-size: 18px;
    font-weight: 400;
  }

  .speakers_modal_content button{
    width: 225px;
    height: 62px;
    background-color: #e83d4d;
    border: none;
    border-radius: 25px;
    font-size: 29px;
    font-weight: 400;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 60px auto 60px auto;
    text-decoration: none !important;
  }
  /* Schedule Page */
  .table_body{
    width: 90%;
    margin: 25px auto 65px auto;
    padding: 60px 30px 60px 10px;
    border-radius: 50px;
    border-color: transparent;
    background-color: #E83D4D;
  }

  #table_body_3{
    width: 90%;
    margin: 25px auto 65px auto;
    padding: 60px 30px 60px 10px;
    border-radius: 50px;
    border-color: transparent;
    background-color: #E83D4D;
  }

  .table_body table {
    margin: 0 auto;
    text-align: center;
    vertical-align: center;
    border-collapse: collapse;
  }

    .table_body th {
      border: 2px solid #ffffff;
      background-color: #2C4F63;
      color: #ffffff;
      padding: 5px;

    }

    .table_body td {
      border-left: 2px solid #ffffff;
      border-right: 2px solid #ffffff;
      background-color: #2C4F63;
      padding: 5px;

    }

    #border_bottom{
      border-bottom: 2px solid #ffffff;
    }

    #header_top_left_corner{
      background-color: transparent;
      border: 0px solid #ffffff;

    }

    .table_day_header{
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0 auto;
    }

    .table_day_header h1{
      color: #ffffff;
    }

    .table_body th{
      font-size: 15px;
    }

    .table_body td h1{
      color: #ffffff;
      font-size: 13px;
      font-weight: 600;
    }

    .table_body td h2{
      color: #ffffff;
      font-size: 13px;
      font-weight: 400;
      line-height: 25px;
    }
}

@media screen and (max-width: 414px) {
    /* Iphone 8 Plus */
  .main_nav{
    display: none;
  }

  .main_nav_phone{
    display: block;
    width: 100%;
    height:auto;
  }

  .logo_menu{
    display: flex;
    width: 100%;
    height: auto;
  }

  .main_logo {
    display: relative;
    width:75%;
    height:auto;
    margin: 0px auto 0 auto;
  }

  .hamburger_menu{
    display: relative;
    width: auto;
    height: 35px;
    margin: 27px auto 0 auto;
    cursor: pointer;
  }

  .bar1, .bar2, .bar3 {
    width: 35px;
    height: 5px;
    background-color: #E83D4D;
    margin: 6px 0;
    transition: 0.4s;
  }

  .info_nav{
    display: none;
  }
  .mobile_nav_text{
    display: none;
    width:100%;
    height:auto;
    background-color: #2C4F63;
    text-align: center;
  }

    .mobile_nav_text a{
      color: #ffffff;
      font-size: 36px;
      text-decoration: none;
    }

    .mobile_nav_text ul{
      list-style-type: none;
      margin: 0;
      padding: 0;
    }

    .mobile_nav_text li{
        margin: 10px auto 10px auto;
    }

      #register_padding{
        padding-top: 10px;
      }

      #nav_text_small a{
        font-size: 24px;

      }

  .nav_bar{
    align-items: center;
    width: 90%;
    height: 5px;
    background-color: #E83D4D;
    margin: 0 auto 0 auto;
    transition: 0.4s;
  }

  .nav_bar_2{
    width: 80%;
    height: 5px;
    background-color: #E83D4D;
    margin: 0 auto 0 auto;
    transition: 0.4s;
  }

  .hero_section{
    display:none;
  }

  .hero_section_iphone{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0px auto 25px auto;
  }

.learn_more button{
  width: 95%;
}

  .main_content_boxes{
    width: 90%;
  }
  .passes{
    display: flex;
    flex-direction: column;
  }

  .speakers{
    display: flex;
    flex-direction: column;
  }

/* Register Main Content */
.registration_passes_box{
  margin: 10px auto 10px auto;
  width: 40%;
  height: 190px;
  border-radius:30px;
}

.registration_passes_header {
  top: -30px;
  margin: 100px auto 100px auto;
  font-size: 18px;

}
  #pass_3w{
    top: -20px !important;
  }

.registration_passes_button {
  width: 70%;
  height: 50px;
  padding: 10px;
  font-size: 15px;
  bottom: 70px;
  border-radius: 15px;
}

  #pass_3w_button{
    bottom: 80px !important;
  }

/* registration checkout and forms container*/
.registration_forms{
  width: 90%;
}
  .checkout_window{
    width: 88%;
    padding: 50px 20px 50px 20px;
  }
/*Shipping Address*/
  .first_name_form{
    width: 97%;
    margin: 0 auto 12px auto;
    padding-left: 0px;
    padding: 0 0 0 10px;
    float:none;
  }
  .last_name_form{
    width: 97%;
    margin: 0 auto 12px auto;
    padding-left: 0px;
    padding: 0 0 0 10px;
    float:none;
  }
  .address_form{
    width: 97%;
    margin: 0 auto 12px auto;
    padding-left: 0px;
    padding: 0 0 0 10px;
    float:none;
  }
  .city_form{
    width: 97%;
    margin: 0 auto 12px auto;
    padding-left: 0px;
    padding: 0 0 0 10px;
    float:none;
  }
  .state_form{
    width: 97%;
    margin: 0 auto 12px auto;
    padding-left: 0px;
    padding: 0 0 0 10px;
    float:none;
  }
  .zipcode_form{
    width: 97%;
    margin: 0 auto 12px auto;
    padding-left: 0px;
    padding: 0 0 0 10px;
    float:none;
  }
  #card_name{
    width: 97%;
    margin: 0 auto 12px auto;
    padding-left: 0px;
    padding: 0 0 0 10px;
    float:none;
  }
  #card_number{
    width: 97%;
    margin: 0 auto 12px auto;
    padding-left: 0px;
    padding: 0 0 0 10px;
    float:none;
  }
  #card_date{
    width: 97%;
    margin: 0 auto 12px auto;
    padding-left: 0px;
    padding: 0 0 0 10px;
    float:none;
  }
  #card_ccv{
    width: 97%;
    margin: 0 auto 12px auto;
    padding-left: 0px;
    padding: 0 0 0 10px;
    float:none;
  }

  .checkbox{
    font-size: 13px;
  }
  #checkbox1{
    width: 20px;
    height: 20px;
    margin: 10px 10px 0px 0px;
  }
  .checkbox input[type=checkbox], input[type=radio]{
    bottom: 7px;
  }
  .checkout_button {
    width: 170px;
    height: 50px;
    font-size: 20px;
    border-radius: 15px;
  }

/* Main Content Speakers */
.speakers_main{
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin: 0 auto 50px auto;
}
.speakers_flex{
  margin: 26px;
}
  .speakers_flex_img{
    width: 250px;
    height: 250px;
  }

/* Hover */
.speakers_hover_on {
width: 250px;
height: 250px;
}
.speakers_hover_on p{
  font-size: 40px;
  padding: 60px 0;
}

/*Modal*/
/* The Modal (background)*/
.speakers_modal {
  display: none;
  position: fixed;/* Stay in place */
  z-index: 1;
  padding-top: 100px;
  left: -20px;
  top: -40px;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.4);
}

/* Modal Content*/
.speakers_modal_content{
  background-color: #2C4F63;
  margin: auto;
  padding: 20px;
  width: 80%;
  color: #ffffff;
}
.speakers_text{
  margin: 0 25px 0 25px;
}

#speakers_modal_content_1{
  margin: 5px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_2{
  margin: 5px auto 0 auto;
  padding: 40px 20px 40px 20px;
  left: -15px;
}
#speakers_modal_content_3{
  margin: 5px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_4{
  margin: 5px auto 0 auto;
  padding: 40px 20px 40px 20px;
  left: -15px;
}
#speakers_modal_content_5{
  margin: 5px auto 0 auto;
  padding: 40px 20px 40px 20px;
  left: -15px;
}
#speakers_modal_content_6{
  margin: 5px auto 0 auto;
  padding: 40px 20px 40px 20px;
  left: -15px;
}
#speakers_modal_content_7{
  margin: 5px auto 0 auto;
  padding: 40px 20px 40px 20px;
  left: -15px;
}
#speakers_modal_content_8{
  margin: 5px auto 0 auto;
  padding: 40px 20px 40px 20px;
  left: -15px;
}
#speakers_modal_content_9{
  margin: 5px auto 0 auto;
  padding: 40px 20px 40px 20px;
  left: -15px;
}
#speakers_modal_content_10{
  margin: 5px auto 0 auto;
  padding: 40px 20px 40px 20px;
  left: -15px;
}
#speakers_modal_content_11{
  margin: 5px auto 0 auto;
  padding: 40px 20px 40px 20px;
  left: -15px;
}
#speakers_modal_content_12{
  margin: 5px auto 0 auto;
  padding: 40px 20px 40px 20px;
  left: -15px;
}
#speakers_modal_content_13{
  margin: 5px auto 0 auto;
  padding: 40px 20px 40px 20px;
  left: -15px;
}
#speakers_modal_content_14{
  margin: 5px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_15{
  margin: 5px auto 0 auto;
  padding: 40px 20px 40px 20px;
  left: -15px;
}
#speakers_modal_content_16{
  margin: 5px auto 0 auto;
  padding: 40px 20px 40px 20px;
  left: -15px;
}
#speakers_modal_content_17{
  margin: 5px auto 0 auto;
  padding: 40px 20px 40px 20px;
  left: -15px;
}
#speakers_modal_content_18{
  margin: 5px auto 0 auto;
  padding: 40px 20px 40px 20px;

}
#speakers_modal_content_19{
  margin: 5px auto 0 auto;
  padding: 40px 20px 40px 20px;
  left: -15px;
}
#speakers_modal_content_20{
  margin: 5px auto 0 auto;
  padding: 40px 20px 40px 20px;
  left: -15px;
}
#speakers_modal_content_21{
  margin: 5px auto 0 auto;
  padding: 40px 20px 40px 20px;
  left: -15px;
}
#speakers_modal_content_22{
  margin: 5px auto 0 auto;
  padding: 40px 20px 40px 20px;
  left: -15px;
}

  .speakers_modal_content img{
    margin-top: 50px;
  }

  .speakers_modal_img{
    width: 175px;
    height: 175px;
    border-radius: 50%;
  }

  .speakers_modal_content h1{
    font-family: Roboto;
    font-style: normal;
    font-size: 40px;
    font-weight: 600;
    line-height: 42px;
    margin: 25px 0 0 0;
  }

  .speakers_modal_content h2{
    font-family: Roboto;
    font-style: normal;
    font-size: 23px;
    font-weight: 400;
    line-height: 23px;
  }

  .speakers_modal_content h3{
    font-family: Roboto;
    font-style: 300;
    font-size: 20px;
    font-weight: 100;
    line-height: 20px;
  }

  .speakers_modal_content p{
    font-family: Roboto;
    font-style: normal;
    font-size: 18px;
    font-weight: 400;
  }

  .speakers_modal_content button{
    width: 225px;
    height: 62px;
    background-color: #e83d4d;
    border: none;
    border-radius: 25px;
    font-size: 29px;
    font-weight: 400;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 60px auto 60px auto;
    text-decoration: none !important;
  }
    .speakers_modal_content button:hover{
      background-color: #ffffff;
      color: #e83d4d;
      text-decoration: none !important;
    }
    .speakers_modal_content a:link{
      text-decoration: none !important;
    }

/* The Close Button*/
.close_modal {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  margin-top: -10px;
}

.close_modal:hover,
.close_modal:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

/* Getting Here Page*/
.where_is_devcon{
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 15px auto 60px auto;
  }

.where_is_devcon img{
  width: 90%;
  height: auto;
}
.getting_here_map{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 500px;
  margin: 50px auto 50px auto;
}

/* Getting Here Page*/
#getting_here_map_2{
  width: 60%;
  height: 500px;
}

/* Schedule Page */
.table_body{
  width: 90%;
  margin: 25px auto 65px auto;
  padding: 60px 30px 60px 10px;
  border-radius: 50px;
  border-color: transparent;
  background-color: #E83D4D;
}

#table_body_3{
  width: 90%;
  margin: 25px auto 65px auto;
  padding: 60px 30px 60px 10px;
  border-radius: 50px;
  border-color: transparent;
  background-color: #E83D4D;
}

.table_body table {
  margin: 0 auto;
  text-align: center;
  vertical-align: center;
  border-collapse: collapse;
}

  .table_body th {
    border: 2px solid #ffffff;
    background-color: #2C4F63;
    color: #ffffff;
    padding: 2px;

  }

  .table_body td {
    border-left: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    background-color: #2C4F63;
    padding: 3px;

  }

  #border_bottom{
    border-bottom: 2px solid #ffffff;
  }

  #header_top_left_corner{
    background-color: transparent;
    border: 0px solid #ffffff;

  }

  .table_day_header{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
  }

  .table_day_header h1{
    color: #ffffff;
  }

  .table_body th{
    font-size: 13px;
  }

  .table_body td h1{
    color: #ffffff;
    font-size: 10px;
    font-weight: 600;
  }

  .table_body td h2{
    color: #ffffff;
    font-size: 10px;
    font-weight: 400;
    line-height: 25px;
  }

  /* Footer*/
  footer{
    background-color: #E83D4D;
    width: 100%;
    height: auto;
    color: white;
    display: flex;
  }
    #footer_legal{
    margin-top: 50px;
    }

  .footer_flex {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    flex-direction: column;
    background-color: #E83D4D;
    width: 100%;
    height: auto;
    color: white;
  }

  .footer_sitemap{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 20px auto 0 auto;
    width: 100%;
    height: 200px;
  }

      .footer_sitemap ul{
          width:210px;
          list-style: none;
          margin-top: -10px;
          margin-left: -20px;
      }

        .footer_sitemap li{
            float:left;
            height:15px;
            width:90px;
        }
        .footer_sitemap li:nth-child(even){
            margin-right:0;
        }

        .footer_sitemap a{
          text-decoration: none;
          color: #ffffff;
        }

        .footer_sitemap a:hover{
          text-decoration: none;
          color: #091028;

        }

    .footer_contact{
      justify-content: center;
      align-items: center;
      text-align: center;
      margin: 0 auto;
      width: 100%;
      height: 200px;
    }

    .social_media{
      justify-content: center;
      align-items: center;
      text-align: center;
      margin: 0 auto;
      width: 100%;
      height: 200px;
    }
}

@media screen and (max-width: 375px) {
  /*iPhone 6/7/8*/
  .hamburger_menu{
    margin: 18px auto 0 auto;
  }
  .main_content_button,
  .main_content_button_speaker{
    width: 90%;
    font-size: 30px;
  }

/* Register Main Content */
.registration_passes_box{
  margin: 10px auto 10px auto;
  width: 40%;
  height: 170px;
  border-radius: 30px;
}

.registration_passes_header {
  top: -20px;
  margin: 100px auto 100px auto;
  font-size: 18px;

}
  #pass_3w{
    top: -10px !important;
  }

.registration_passes_button {
  width: 70%;
  height: 50px;
  padding: 10px;
  font-size: 15px;
  bottom: 80px;
  border-radius: 15px;
}

#pass_3w_button{
  bottom: 90px !important;
}
/* registration checkout and forms container*/
.checkout_window{
  width: 88%;
  padding: 50px 20px 50px 20px;
}
  /*Shipping Address*/
  .first_name_form{
    width: 97%;
    margin: 0 auto 12px auto;
    padding-left: 0px;
    padding: 0 0 0 10px;
    float:none;
  }
  .last_name_form{
    width: 97%;
    margin: 0 auto 12px auto;
    padding-left: 0px;
    padding: 0 0 0 10px;
    float:none;
  }
  .address_form{
    width: 97%;
    margin: 0 auto 12px auto;
    padding-left: 0px;
    padding: 0 0 0 10px;
    float:none;
  }
  .city_form{
    width: 97%;
    margin: 0 auto 12px auto;
    padding-left: 0px;
    padding: 0 0 0 10px;
    float:none;
  }
  .state_form{
    width: 97%;
    margin: 0 auto 12px auto;
    padding-left: 0px;
    padding: 0 0 0 10px;
    float:none;
  }
  .zipcode_form{
    width: 97%;
    margin: 0 auto 12px auto;
    padding-left: 0px;
    padding: 0 0 0 10px;
    float:none;
  }
  #card_name{
    width: 97%;
    margin: 0 auto 12px auto;
    padding-left: 0px;
    padding: 0 0 0 10px;
    float:none;
  }
  #card_number{
    width: 97%;
    margin: 0 auto 12px auto;
    padding-left: 0px;
    padding: 0 0 0 10px;
    float:none;
  }
  #card_date{
    width: 97%;
    margin: 0 auto 12px auto;
    padding-left: 0px;
    padding: 0 0 0 10px;
    float:none;
  }
  #card_ccv{
    width: 97%;
    margin: 0 auto 12px auto;
    padding-left: 0px;
    padding: 0 0 0 10px;
    float:none;
  }

/* Main Content Speakers */
.speakers_main{
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin: 0 auto 50px auto;
}
.speakers_flex{
  margin: 20px;
}
  .speakers_flex_img{
    width: 250px;
    height: 250px;
  }

/* Hover */
.speakers_hover_on {
width: 250px;
height: 250px;
}
.speakers_hover_on p{
  font-size: 40px;
  padding: 60px 0;
}

/*Modal*/
/* The Modal (background)*/
.speakers_modal {
  display: none;
  position: fixed;/* Stay in place */
  z-index: 1;
  padding-top: 100px;
  left: -20px;
  top: -40px;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.4);
}

/* Modal Content*/
.speakers_modal_content{
  background-color: #2C4F63;
  margin: auto;
  padding: 20px;
  width: 80%;
  color: #ffffff;
}
.speakers_text{
  margin: 0 25px 0 25px;
}

#speakers_modal_content_1{
  margin: 10px auto 0 auto;
  padding: 40px 20px 40px 20px;
  left: -13px;
}
#speakers_modal_content_2{
  margin: 10px auto 0 auto;
  padding: 40px 20px 40px 20px;
  left: -13px;
}
#speakers_modal_content_3{
  margin: 10px auto 0 auto;
  padding: 40px 20px 40px 20px;
  left: -13px;
}
#speakers_modal_content_4{
  margin: 10px auto 0 auto;
  padding: 40px 20px 40px 20px;
  left: -13px;
}
#speakers_modal_content_5{
  margin: 10px auto 0 auto;
  padding: 40px 20px 40px 20px;
  left: -13px;
}
#speakers_modal_content_6{
  margin: 20px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_7{
  margin: 10px auto 0 auto;
  padding: 40px 20px 40px 20px;
  left: -13px;
}
#speakers_modal_content_8{
  margin: 10px auto 0 auto;
  padding: 40px 20px 40px 20px;
  left: -13px;
}
#speakers_modal_content_9{
  margin: 10px auto 0 auto;
  padding: 40px 20px 40px 20px;
  left: -13px;
}
#speakers_modal_content_10{
  margin: 10px auto 0 auto;
  padding: 40px 20px 40px 20px;
  left: -13px;
}
#speakers_modal_content_11{
  margin: 10px auto 0 auto;
  padding: 40px 20px 40px 20px;
  left: -13px;
}
#speakers_modal_content_13{
  margin: 10px auto 0 auto;
  padding: 40px 20px 40px 20px;
  left: -13px;
}
#speakers_modal_content_14{
  margin: 10px auto 0 auto;
  padding: 40px 20px 40px 20px;
  left: -13px;
}
#speakers_modal_content_15{
  margin: 10px auto 0 auto;
  padding: 40px 20px 40px 20px;
  left: -13px;
}
#speakers_modal_content_16{
  margin: 10px auto 0 auto;
  padding: 40px 20px 40px 20px;
  left: -13px;
}
#speakers_modal_content_17{
  margin: 10px auto 0 auto;
  padding: 40px 20px 40px 20px;
  left: -13px;
}
#speakers_modal_content_18{
  margin: 10px auto 0 auto;
  padding: 40px 20px 40px 20px;
  left: -13px;
}
#speakers_modal_content_19{
  margin: 10px auto 0 auto;
  padding: 40px 20px 40px 20px;
  left: -13px;
}
#speakers_modal_content_20{
  margin: 10px auto 0 auto;
  padding: 40px 20px 40px 20px;
  left: -13px;
}
#speakers_modal_content_21{
  margin: 10px auto 0 auto;
  padding: 40px 20px 40px 20px;
  left: -13px;
}
#speakers_modal_content_22{
  margin: 10px auto 0 auto;
  padding: 40px 20px 40px 20px;
  left: -13px;
}

  .speakers_modal_content img{
    margin-top: 50px;
  }

  .speakers_modal_img{
    width: 175px;
    height: 175px;
    border-radius: 50%;
  }

  .speakers_modal_content h1{
    font-family: Roboto;
    font-style: normal;
    font-size: 40px;
    font-weight: 600;
    line-height: 40px;
    margin: 60px 0 0 0;
  }

  .speakers_modal_content h2{
    font-family: Roboto;
    font-style: normal;
    font-size: 26px;
    font-weight: 400;
    line-height: 2;
  }

  .speakers_modal_content h3{
    font-family: Roboto;
    font-style: 300;
    font-size: 26px;
    font-weight: 100;
    line-height: 0;
  }

  .speakers_modal_content p{
    font-family: Roboto;
    font-style: normal;
    font-size: 18px;
    font-weight: 400;
  }

  .speakers_modal_content button{
    width: 100%;
    height: 62px;
    background-color: #e83d4d;
    border: none;
    border-radius: 25px;
    font-size: 29px;
    font-weight: 400;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 60px auto 60px auto;
    text-decoration: none !important;
  }
    .speakers_modal_content button:hover{
      background-color: #ffffff;
      color: #e83d4d;
      text-decoration: none !important;
    }
    .speakers_modal_content a:link{
      text-decoration: none !important;
    }

/* The Close Button*/
.close_modal {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  margin-top: -10px;
}

.close_modal:hover,
.close_modal:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
/* Info Page */
  .info_about_devcon h1{
    color: #ffffff;
    font-size: 20px;
    line-height: 20px;
  }

  .info_about_devcon p{
    color: #ffffff;
    font-size: 15px;
  }
}

@media screen and (max-width: 320px) {
  /*iPhone 5*/
  .main_logo {
    display: relative;
    width: 75%;
  }
  .hamburger_menu{
    margin: 13px auto 0 auto;
  }

  /* Index */
    .learn_more_text h1{
      color: #ffffff;
      font-size: 40px;
      line-height: 40px;
    }

    .learn_more_text h2{
      color: #ffffff;
      font-size: 20px;
      line-height: 20px;
    }

    .learn_more_text p{
      color: #ffffff;
      font-size: 18px;
    }

  .main_content_button,
  .main_content_button_speaker{
    width: 90%;
    font-size: 30px;
  }

/* Register Main Content */
.registration_passes_box{
  margin: 10px auto 10px auto;
  width: 40%;
  height: 142px;
  border-radius:30px;
}

.registration_passes_header {
  top: -10px;
  margin: 100px auto 100px auto;
  font-size: 18px;

}
  #pass_3w{
    top: -5px !important;
  }

.registration_passes_button {
  width: 70%;
  height: 50px;
  padding: 10px;
  font-size: 15px;
  bottom: 90px;
  border-radius: 15px;
}

  #pass_3w_button{
    bottom: 100px !important;
  }

/* registration checkout and forms container*/
.registration_forms h1{
  margin-bottom: 5px;
}

.checkout_window{
  width: 92%;
  padding: 50px 10px 50px 10px;
  font-size: 13px;
}

  /*Shipping Address*/
  .first_name_form{
    width: 97%;
    margin: 0 auto 12px auto;
    padding-left: 0px;
    padding: 0 0 0 10px;
    float:none;
  }
  .last_name_form{
    width: 97%;
    margin: 0 auto 12px auto;
    padding-left: 0px;
    padding: 0 0 0 10px;
    float:none;
  }
  .address_form{
    width: 97%;
    margin: 0 auto 12px auto;
    padding-left: 0px;
    padding: 0 0 0 10px;
    float:none;
  }
  .city_form{
    width: 97%;
    margin: 0 auto 12px auto;
    padding-left: 0px;
    padding: 0 0 0 10px;
    float:none;
  }
  .state_form{
    width: 97%;
    margin: 0 auto 12px auto;
    padding-left: 0px;
    padding: 0 0 0 10px;
    float:none;
  }
  .zipcode_form{
    width: 97%;
    margin: 0 auto 12px auto;
    padding-left: 0px;
    padding: 0 0 0 10px;
    float:none;
  }
  #card_name{
    width: 97%;
    margin: 0 auto 12px auto;
    padding-left: 0px;
    padding: 0 0 0 10px;
    float:none;
  }
  #card_number{
    width: 97%;
    margin: 0 auto 12px auto;
    padding-left: 0px;
    padding: 0 0 0 10px;
    float:none;
  }
  #card_date{
    width: 97%;
    margin: 0 auto 12px auto;
    padding-left: 0px;
    padding: 0 0 0 10px;
    float:none;
  }
  #card_ccv{
    width: 97%;
    margin: 0 auto 12px auto;
    padding-left: 0px;
    padding: 0 0 0 10px;
    float:none;
  }

/* Main Content Speakers */
.speakers_main{
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin: 0 auto 50px auto;
}
.speakers_flex{
  margin: 20px;
}
  .speakers_flex_img{
    width: 200px;
    height: 200px;
  }

/* Hover */
.speakers_hover_on {
width: 200px;
height: 200px;
}
.speakers_hover_on p{
  font-size: 40px;
  padding: 60px 0;
}

/*Modal*/
/* The Modal (background)*/
.speakers_modal {
  display: none;
  position: fixed;/* Stay in place */
  z-index: 1;
  padding-top: 100px;
  left: -20px;
  top: -40px;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.4);
}

/* Modal Content*/
.speakers_modal_content{
  background-color: #2C4F63;
  margin: auto;
  padding: 20px;
  width: 80%;
  color: #ffffff;
}
.speakers_text{
  margin: 0 25px 0 25px;
}

#speakers_modal_content_1{
  margin: 5px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_2{
  margin: 5px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_3{
  margin: 5px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_4{
  margin: 5px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_5{
  margin: 5px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_6{
  margin: 5px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_7{
  margin: 5px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_8{
  margin: 5px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_9{
  margin: 5px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_10{
  margin: 5px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_11{
  margin: 5px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_13{
  margin: 5px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_14{
  margin: 5px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_15{
  margin: 5px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_16{
  margin: 5px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_17{
  margin: 5px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_18{
  margin: 5px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_19{
  margin: 5px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_20{
  margin: 5px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_21{
  margin: 5px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_22{
  margin: 5px auto 0 auto;
  padding: 40px 20px 40px 20px;
}

  .speakers_modal_content img{
    margin-top: 50px;
  }

  .speakers_modal_img{
    width: 175px;
    height: 175px;
    border-radius: 50%;
  }

  .speakers_modal_content h1{
    font-family: Roboto;
    font-style: normal;
    font-size: 40px;
    font-weight: 600;
    line-height: 40px;
    margin: 60px 0 0 0;
  }

  .speakers_modal_content h2{
    font-family: Roboto;
    font-style: normal;
    font-size: 26px;
    font-weight: 400;
    line-height: 2;
  }

  .speakers_modal_content h3{
    font-family: Roboto;
    font-style: 300;
    font-size: 26px;
    font-weight: 100;
    line-height: 0;
  }

  .speakers_modal_content p{
    font-family: Roboto;
    font-style: normal;
    font-size: 18px;
    font-weight: 400;
  }

  .speakers_modal_content button{
    width: 100%;
    height: 62px;
    background-color: #e83d4d;
    border: none;
    border-radius: 25px;
    font-size: 29px;
    font-weight: 400;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 60px auto 60px auto;
    text-decoration: none !important;
  }
    .speakers_modal_content button:hover{
      background-color: #ffffff;
      color: #e83d4d;
      text-decoration: none !important;
    }
    .speakers_modal_content a:link{
      text-decoration: none !important;
    }
    .speakers_hover_on p{
      font-size: 35px;
      padding: 40px 0;
    }

  /* The Close Button*/
  .close_modal {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    margin-top: -10px;
  }

  .close_modal:hover,
  .close_modal:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
  }

  /* Schedule Page */
  .table_body{
    width: 85%;
    margin: 25px auto 65px auto;
    padding: 60px 10px 60px 0px;
    border-radius: 50px;
    border-color: transparent;
    background-color: #E83D4D;
  }

  #table_body_3{
    width: 85%;
    margin: 25px auto 65px auto;
    padding: 60px 10px 60px 0px;
    border-radius: 50px;
    border-color: transparent;
    background-color: #E83D4D;
  }

  .table_body table {
    margin: 0 auto;
    text-align: center;
    vertical-align: center;
    border-collapse: collapse;
  }

    .table_body th {
      border: 2px solid #ffffff;
      background-color: #2C4F63;
      color: #ffffff;
      padding: 1px;

    }

    .table_body td {
      border-left: 2px solid #ffffff;
      border-right: 2px solid #ffffff;
      background-color: #2C4F63;
      padding: 1px;

    }

    #border_bottom{
      border-bottom: 2px solid #ffffff;
    }

    #header_top_left_corner{
      background-color: transparent;
      border: 0px solid #ffffff;

    }

    .table_day_header{
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0 auto;
    }

    .table_day_header h1{
      color: #ffffff;
    }

    .table_body th{
      font-size: 10px;
    }

    .table_body td h1{
      color: #ffffff;
      font-size: 10px;
      font-weight: 600;
    }

    .table_body td h2{
      color: #ffffff;
      font-size: 10px;
      font-weight: 400;
      line-height: 25px;
    }
}

@media screen and (max-width: 275px) {
/* Info Page */
.learn_more{
  margin: 0 0 20px 0;
}

.main_content_boxes{
  width: 90%;
  height: auto;
  margin: 20px auto 20px auto;
}

.main_content_box_header{
  font-size: 20px;
  top: 0px;
  margin: 40px 0 20px 0;
}

.main_content_box_buttons,
.main_content_box_buttons_speaker {
  bottom: 0px;
  width: 100%;
  height: 76px;
  padding: 0 40px 0 40px;
  margin: 20px 0 40px 0;
  font-size: 18px;
}

.main_content_box_buttons_speaker{
  width: 80%;
  margin: 0px 0 40px 0;
  padding: 0 auto;
  font-size: 18px;
  bottom: 0px;
}

.main_content_button,
.main_content_button_speaker{
  width: 90%;
  font-size: 20px;
  margin: 20px auto 20px auto;
}

.main_content_button_speaker{
  margin: 0 auto 40px auto;
}

.main_content_box_img{
  width: 70%;
  height: auto;
  top: 0px;
  margin: 60px 0 20px 0;
}

  .learn_more_text h1{
    color: #ffffff;
    font-size: 30px;
    line-height: 40px;
  }

  .learn_more_text h2{
    color: #ffffff;
    font-size: 20px;
    line-height: 20px;
  }

  .learn_more_text p{
    color: #ffffff;
    font-size: 18px;
  }

  .learn_more button{
    margin: 40px auto 40px auto;
    width: 100%;
    height: 76px;
    border-radius: 25px;
    border-color: transparent;
    background: #E83D4D;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 20px;
    line-height: normal;
    color: white;
  }

.main_content_button,
.main_content_button_speaker{
  width: 90%;
  font-size: 30px;
}

/* Register Main Content */
.registration_passes_box{
  margin: 10px auto 10px auto;
  width: 40%;
  height: 142px;
  border-radius:30px;
}

.registration_passes_header {
  top: -10px;
  margin: 100px auto 100px auto;
  font-size: 13px;

}
  #pass_3w{
    top: -5px !important;
  }

.registration_passes_button {
  width: 70%;
  height: 50px;
  padding: 10px;
  font-size: 13px;
  bottom: 90px;
  border-radius: 15px;
}

  #pass_3w_button{
    bottom: 100px !important;
  }

/* registration checkout and forms container*/
.registration_forms h1{
  margin-bottom: 5px;
  font-size: 25px;
}

.checkout_window{
  width: 100%;
  padding: 50px 0px 50px 0px;
  font-size: 13px;
}

  /*Shipping Address*/
  .first_name_form{
    width: 97%;
    margin: 0 auto 12px auto;
    padding-left: 0px;
    padding: 0 0 0 10px;
    float:none;
  }
  .last_name_form{
    width: 97%;
    margin: 0 auto 12px auto;
    padding-left: 0px;
    padding: 0 0 0 10px;
    float:none;
  }
  .address_form{
    width: 97%;
    margin: 0 auto 12px auto;
    padding-left: 0px;
    padding: 0 0 0 10px;
    float:none;
  }
  .city_form{
    width: 97%;
    margin: 0 auto 12px auto;
    padding-left: 0px;
    padding: 0 0 0 10px;
    float:none;
  }
  .state_form{
    width: 97%;
    margin: 0 auto 12px auto;
    padding-left: 0px;
    padding: 0 0 0 10px;
    float:none;
  }
  .zipcode_form{
    width: 97%;
    margin: 0 auto 12px auto;
    padding-left: 0px;
    padding: 0 0 0 10px;
    float:none;
  }
  #card_name{
    width: 97%;
    margin: 0 auto 12px auto;
    padding-left: 0px;
    padding: 0 0 0 10px;
    float:none;
  }
  #card_number{
    width: 97%;
    margin: 0 auto 12px auto;
    padding-left: 0px;
    padding: 0 0 0 10px;
    float:none;
  }
  #card_date{
    width: 97%;
    margin: 0 auto 12px auto;
    padding-left: 0px;
    padding: 0 0 0 10px;
    float:none;
  }
  #card_ccv{
    width: 97%;
    margin: 0 auto 12px auto;
    padding-left: 0px;
    padding: 0 0 0 10px;
    float:none;
  }

  .checkbox{
    font-size: 15px;
  }
  #checkbox1{
    width: 17px;
    height: 17px;
  }

  .checkout_button{
    width: 40%;
    height: 60px;
    font-size: 18px;
    border-radius: 18px;
  }
  /* Schedule Page */
  .table_body{
    width: 85%;
    margin: 25px auto 65px auto;
    padding: 60px 10px 60px 0px;
    border-radius: 50px;
    border-color: transparent;
    background-color: #E83D4D;
  }

  #table_body_3{
    width: 85%;
    margin: 25px auto 65px auto;
    padding: 60px 10px 60px 0px;
    border-radius: 50px;
    border-color: transparent;
    background-color: #E83D4D;
  }

  .table_body table {
    margin: 0 auto;
    text-align: center;
    vertical-align: center;
    border-collapse: collapse;
  }

    .table_body th {
      border: 2px solid #ffffff;
      background-color: #2C4F63;
      color: #ffffff;
      padding: 1px;

    }

    .table_body td {
      border-left: 2px solid #ffffff;
      border-right: 2px solid #ffffff;
      background-color: #2C4F63;
      padding: 1px;

    }

    #border_bottom{
      border-bottom: 2px solid #ffffff;
    }

    #header_top_left_corner{
      background-color: transparent;
      border: 0px solid #ffffff;

    }

    .table_day_header{
      display: flex;
      justify-content: center;
      align-items: center;
      margin: 0 auto;
    }

    .table_day_header h1{
      color: #ffffff;
    }

    .table_body th{
      font-size: 9px;
    }

    .table_body td h1{
      color: #ffffff;
      font-size: 9px;
      font-weight: 600;
    }

    .table_body td h2{
      color: #ffffff;
      font-size: 9px;
      font-weight: 400;
      line-height: 15px;
    }
}

@media screen and (max-width: 260px) {
/* Info Page */
.learn_more{
  margin: 0 0 40px 0;
}

.main_content_boxes{
  width: 90%;
  height: auto;
}

.main_content_box_header{
  font-size: 20px;
  top: 0px;
  margin: 40px 0 20px 0;
}

.main_content_box_buttons,
.main_content_box_buttons_speaker {
  bottom: 0px;
  width: 100%;
  height: 76px;
  padding: 0 40px 0 40px;
  margin: 20px 0 40px 0;
  font-size: 18px;
}

.main_content_box_buttons_speaker{
  width: 80%;
  margin: 0px 0 40px 0;
  padding: 0 auto;
  font-size: 18px;
  bottom: 0px;
}

.main_content_button,
.main_content_button_speaker{
  width: 90%;
  font-size: 20px;
}

.main_content_button_speaker{
  margin: 0 auto 40px auto;
}

.main_content_box_img{
  width: 70%;
  height: auto;
  top: 0px;
  margin: 60px 0 20px 0;
}

  /* Register Main Content */
  .registration_passes_box{
    margin: 10px auto 10px auto;
    width: 65%;
    height: 175px;
  }

  .registration_passes_header {
    top: -20px;
    margin: 100px auto 100px auto;
    font-size: 15px;
  }
    #pass_3w{
      top: -5px !important;
      width: 75%;
    }

    #pass_3w_button{
      bottom: 95px !important;
    }

  .registration_passes_button {
    bottom: 85px;
    width: 70%;
    height: 55px;
    font-size: 15px;
  }
/* registration checkout and forms container*/
.checkout_window{
  width: 100%;
  padding: 40px 0px 40px 0px;
  font-size: 12px;
}
.checkout_window button{
  font-size: 10px;
}
.registration_forms h1{
  margin-bottom: 5px;
  font-size: 20px;
}
  /*Shipping Address*/
  .first_name_form{
    width: 97%;
    margin: 0 auto 12px auto;
    padding-left: 0px;
    padding: 0 0 0 10px;
    float:none;
  }
  .last_name_form{
    width: 97%;
    margin: 0 auto 12px auto;
    padding-left: 0px;
    padding: 0 0 0 10px;
    float:none;
  }
  .address_form{
    width: 97%;
    margin: 0 auto 12px auto;
    padding-left: 0px;
    padding: 0 0 0 10px;
    float:none;
  }
  .city_form{
    width: 97%;
    margin: 0 auto 12px auto;
    padding-left: 0px;
    padding: 0 0 0 10px;
    float:none;
  }
  .state_form{
    width: 97%;
    margin: 0 auto 12px auto;
    padding-left: 0px;
    padding: 0 0 0 10px;
    float:none;
  }
  .zipcode_form{
    width: 97%;
    margin: 0 auto 12px auto;
    padding-left: 0px;
    padding: 0 0 0 10px;
    float:none;
  }
  #card_name{
    width: 97%;
    margin: 0 auto 12px auto;
    padding-left: 0px;
    padding: 0 0 0 10px;
    float:none;
  }
  #card_number{
    width: 97%;
    margin: 0 auto 12px auto;
    padding-left: 0px;
    padding: 0 0 0 10px;
    float:none;
  }
  #card_date{
    width: 97%;
    margin: 0 auto 12px auto;
    padding-left: 0px;
    padding: 0 0 0 10px;
    float:none;
  }
  #card_ccv{
    width: 97%;
    margin: 0 auto 12px auto;
    padding-left: 0px;
    padding: 0 0 0 10px;
    float:none;
  }
  .checkout_button{
    width: 50%;
    height: 60px;
    font-size: 14px;
    border-radius: 18px;
  }
/* Speakers Main Content */
.speakers_main{
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  margin: 0 auto 50px auto;
}
.speakers_flex{
  margin: 26px;
}
  .speakers_flex_img{
    width: 175px;
    height: 175px;
    border-radius: 50%;
  }

/* Hover */
.speakers_hover_on {
  width: 175px;
  height: 175px;
}
.speakers_hover_on p{
  font-size: 30px;
  padding: 40px 0;
}

/*Modal*/
/* The Modal (background)*/
.speakers_modal {
  display: none;
  position: fixed;/* Stay in place */
  z-index: 1;
  padding-top: 100px;
  left: -20px;
  top: -40px;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0,0.4);
}

/* Modal Content*/
.speakers_modal_content{
  background-color: #2C4F63;
  margin: auto;
  padding: 20px;
  width: 80%;
  color: #ffffff;
}
.speakers_text{
  margin: 0 25px 0 25px;
}

#speakers_modal_content_1{
  margin: 20px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_2{
  margin: 20px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_3{
  margin: 20px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_4{
  margin: 20px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_5{
  margin: 20px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_6{
  margin: 20px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_7{
  margin: 20px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_8{
  margin: 20px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_9{
  margin: 20px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_10{
  margin: 20px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_11{
  margin: 20px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_13{
  margin: 20px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_14{
  margin: 20px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_15{
  margin: 20px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_16{
  margin: 20px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_17{
  margin: 20px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_18{
  margin: 5px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_19{
  margin: 20px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_20{
  margin: 20px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_21{
  margin: 20px auto 0 auto;
  padding: 40px 20px 40px 20px;
}
#speakers_modal_content_22{
  margin: 20px auto 0 auto;
  padding: 40px 20px 40px 20px;
}

  .speakers_modal_content img{
    margin-top: 50px;
  }

  .speakers_modal_img{
    width: 100px;
    height: 100px;
    border-radius: 50%;
  }

  .speakers_modal_content h1{
    font-family: Roboto;
    font-style: normal;
    font-size: 22px;
    font-weight: 600;
    line-height: 22px;
    margin: 60px 0 0 0;
  }

  .speakers_modal_content h2{
    font-family: Roboto;
    font-style: normal;
    font-size: 18px;
    font-weight: 400;
    line-height: 2;
  }

  .speakers_modal_content h3{
    font-family: Roboto;
    font-style: 300;
    font-size: 18px;
    font-weight: 100;
    line-height: 0;
  }

  .speakers_modal_content p{
    font-family: Roboto;
    font-style: normal;
    font-size: 15px;
    font-weight: 400;
  }

  .speakers_modal_content button{
    width: 100%;
    height: 62px;
    background-color: #e83d4d;
    border: none;
    border-radius: 25px;
    font-size: 18px;
    font-weight: 400;
    color: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 60px auto 60px auto;
    text-decoration: none !important;
  }
    .speakers_modal_content button:hover{
      background-color: #ffffff;
      color: #e83d4d;
      text-decoration: none !important;
    }
    .speakers_modal_content a:link{
      text-decoration: none !important;
    }

/* The Close Button*/
.close_modal {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  margin-top: -10px;
}

.close_modal:hover,
.close_modal:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

/* Info Page */
  .info_about_devcon h1{
    color: #ffffff;
    font-size: 18px;
    line-height: 20px;
  }

  .info_about_devcon p{
    color: #ffffff;
    font-size: 14px;
  }

/*legal dropdown*/
  .legal_dropdown_bar h1{
    font-size: 20px;
  }

/* Schedule Page */
.table_body{
  width: 100%;
  margin: 25px auto 65px auto;
  padding: 60px 10px 60px 0px;
  border-radius: 50px;
  border-color: transparent;
  background-color: #E83D4D;
}

#table_body_3{
  width: 100%;
  margin: 25px auto 65px auto;
  padding: 60px 10px 60px 0px;
  border-radius: 50px;
  border-color: transparent;
  background-color: #E83D4D;
}

.table_body table {
  margin: 0 auto;
  text-align: center;
  vertical-align: center;
  border-collapse: collapse;
}

  .table_body th {
    border: 2px solid #ffffff;
    background-color: #2C4F63;
    color: #ffffff;
    padding: 1px;

  }

  .table_body td {
    border-left: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    background-color: #2C4F63;
    padding: 1px;

  }

  #border_bottom{
    border-bottom: 2px solid #ffffff;
  }

  #header_top_left_corner{
    background-color: transparent;
    border: 0px solid #ffffff;

  }

  .table_day_header{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
  }

  .table_day_header h1{
    color: #ffffff;
  }

  .table_body th{
    font-size: 9px;
  }

  .table_body td h1{
    color: #ffffff;
    font-size: 9px;
    font-weight: 600;
  }

  .table_body td h2{
    color: #ffffff;
    font-size: 9px;
    font-weight: 400;
    line-height: 15px;
  }

/* Footer*/
footer{
  background-color: #E83D4D;
  width: 100%;
  height: auto;
  color: #ffffff;
  display: flex;
  padding: 10px;
}

  #footer_legal{
  margin-top: 50px;
  }

.footer_flex {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  flex-direction: column;
  background-color: #E83D4D;
  width: 100%;
  height: auto;
  color: white;
}

.footer_sitemap{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 20px auto 0 auto;
  width: 100%;
  height: 200px;
}

    .footer_sitemap ul{
        width:210px;
        list-style: none;
        margin-top: -10px;
        margin-left: -20px;
    }

      .footer_sitemap li{
          float:left;
          height:15px;
          width:90px;
      }
      .footer_sitemap li:nth-child(even){
          margin-right:0;
      }

      .footer_sitemap a{
        text-decoration: none;
        color: #ffffff;
      }

      .footer_sitemap a:hover{
        text-decoration: none;
        color: #091028;

      }

  .footer_contact{
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    height: 200px;
  }

  .social_media{
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    height: 200px;
  }
}

@media screen and (max-width: 200px){
  .speakers_modal_content img{
    margin: 10px 0 10px -8px;
  }
  .speakers_modal_img{
    width: 100px;
    height: 100px;
    border-radius: 50%;
  }

  .speakers_hover_on {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: #e83d4d;
  }

    .speakers_hover_on p{
      font-size: 15px;
      font-weight: 600;
      color: white;
      margin: 0 auto;
      text-align: center;
      padding: 25px 0;
    }

    .speakers_flex_img{
      width: 100px;
      height: 100px;
      border-radius: 50%;
    }

    .speakers_text h1{
      font-size: 15px;
      line-height: 16px;
      margin: 0px;
    }
    .speakers_text h2{
      font-size: 15px;
      line-height: 16px;
    }
    .speakers_text h3{
      font-size: 12px;
    }
    .speakers_text p{
      font-size: 10px;
    }

    .table_body{
      width: 100%;
      margin: 25px auto 65px auto;
      padding: 60px 10px 60px 0px;
      border-radius: 50px;
      border-color: transparent;
      background-color: #E83D4D;
      overflow-y: scroll;
    }
}

@media print,
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 1.25dppx),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {
    *,
    *:before,
    *:after {
        background: transparent !important;
        color: #000 !important; /* Black prints faster */
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]:after,
    a[href^="javascript:"]:after {
        content: "";
    }

    pre {
        white-space: pre-wrap !important;
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}