@import "GTC_2021.css";
@media (min-width: 540px) {
  .sessions dl {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .brand img {
    max-width: 16vw;
  }
  header article {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 0 0 3.4%;
  }
  .header_copy h1 {
    font-size: 3vw;
    margin: 0 0 3%;
  }
  .header_copy span {
    font-size: 1.5vw;
  }
  .reg_btn {
    font-size: 1.4vw;
    padding: 2% 3%;
  }
  main {
    padding: 50px 0;
  }
  main h2 {
    margin: 0
  }
  .step_wrap {
    display: -ms-flexbox;
    display: flex;
  }
  .step_wrap article {
    position: relative;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .step_wrap article:first-of-type:after {
    content: "\f101";
    font-family: 'FontAwesome';
    position: absolute;
    top: 50%;
    right: -2%;
    transform: translateY(-50%);
    font-size: 32px;
  }
  .step_wrap article:first-of-type {
    padding: 0 30px 0 0;
  }
  .step_wrap article:last-of-type {
    padding: 0 0 0 30px
  }
  .step_wrap ul li:first-of-type {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px 15px;
  }
  .step_wrap ul li:last-of-type {
    -ms-flex: 1;
    flex: 1;
  }
  .step_wrap ul li:last-of-type {
    display: table;
    height: calc(100% - 50px);
    width: 100%
  }
  .step_wrap ul li span {
    display: table-cell;
    vertical-align: middle
  }
  .gifts {
    margin: 50px -15px !important;
  }
  .gifts li {
    margin: 0;
  }
  .sessions dl {
    border-radius: 5px;
    overflow: hidden;
  }
  .sessions h3 a {
    display: inline-block;
    margin: 0 0 0 10px
  }
  .sessions h3 a:hover {
    color: #76d300
  }
  .sessions dl {
    padding: 20px;
  }
  .sessions dl dd {
    padding: 0 0 0 20px;
  }
  .hero_img {
    position: absolute;
    bottom: 5%;
    right: 20%;
    width: 38%;
  }
  .gifts li a:hover img {
    transform: scale(1.1)
  }
  .gifts li a:hover strong {
    color: #76b900;
  }
}
@media (min-width: 1024px) {
  .sessions dl {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    height: 294px;
    max-width: 100%;
  }
  .sessions dl dd {
    -ms-flex: 1;
    flex: 1;
  }
  .sessions dl dt {
    width: 250px;
    -ms-flex-item-align: stretch;
    align-self: stretch;
    padding: 0
  }
  .sessions dl dt figure {
    height: 100%;
    padding: 0;
  }
}
@media (min-width: 1183px) {
  .sessions dl {
    height: 250px
  }
}