*{--blue:#0a9ce1;--green:#acda43}html{max-width:100%;overflow-x:hidden}body{font-family:'Lato',sans-serif;margin:0;padding:0;background-image:url('./img/mobile-topbg.png');background-repeat:no-repeat;background-size:contain;width:100%;overflow-x:hidden}.row{margin:0}.wrapper{width:100%}header,section,footer{padding:0 20px}p{font-size:14px}p.smaller{font-size:10px;margin:0;letter-spacing:-0.4px;max-width:290px}h1,h2,h3,h4,h5,h6{margin:0}h1{font-size:27px;font-family:"Gotham";letter-spacing:-1.5px}h3{font-size:19px;letter-spacing:-1px}h4{font-size:16px}h5{font-size:13px}h6{font-size:11px}.blue_text{color:var(--blue)}.green_text{color:var(--green)}#gotham{font-family:'Gotham'}@font-face{font-family:"Gotham";font-display: auto;src:url('./fonts/GothamRoundedBold_21016.eot');src:url('./fonts/GothamRoundedBold_21016.eot?#iefix') format('embedded-opentype'), url('./fonts/GothamRoundedBold_21016.woff2') format('woff2'), url('./fonts/GothamRoundedBold_21016.woff') format('woff'), url('./fonts/GothamRoundedBold_21016.ttf') format('truetype'), url('./fonts/GothamRoundedBold_21016.svg#GothamRounded-Bold') format('svg')}.full_button{width:100%;height:45px;border-radius:22px;font-size:12px;font-family:"Gotham"}.blue_button{background-color:var(--blue);border-color:var(--blue)}.green_button{color:var(--green);border-color:var(--green)}.logo{width:145px;height:70px}.nav{text-align:right;font-size:13px;font-family:"Gotham"}.nav_button{width:120px;height:40px;border-radius:22px;font-size:14px;font-family:"Gotham"}.nav-link{color:black}.nav-link:hover{color:var(--green)}#hidden{display:none}#fundation_pic{width:90px;height:50px}#fundation_desc{padding-right:12px !important;border-right:solid 1px #e6e6e6}#fundation_img{padding-left:12px !important;border-left:solid 1px #e6e6e6}#sec_2{background-image:url('./img/mobile-midbg.png');background-repeat:no-repeat;background-size:contain;padding-top:170px}#sec_2 a{width:100%}#invitation{min-height:90px}.carousel-inner .carousel-item.active, .carousel-inner .carousel-item-next, .carousel-inner .carousel-item-prev{display:flex}.carousel-inner .carousel-item-right.active, .carousel-inner .carousel-item-next{transform:translateX(33.333333%)}.carousel-inner .carousel-item-left.active, .carousel-inner .carousel-item-prev{transform:translateX(-33.333333%)}.carousel-inner .carousel-item-right, .carousel-inner .carousel-item-left{transform:translateX(0)}.carousel-control-prev-icon{background-image:url('./img/prev.png')}.carousel-control-next-icon{background-image:url('./img/next.png')}#recipeCarousel{width:200vw!important;position:relative;top:0;left:-50vw;overflow-x:hidden;display:block}.carousel-item{max-height:490px}.carousel-item img{width:100%;height:auto}#bottom_bg{position:absolute;width:100%;top:-50px;max-height:300px;z-index:-1}.modal-content{width:100%;height:45vh;margin:auto auto}.modal-dialog{max-width:95vw}.video{position:absolute;width:100%;height:100%}#close_modal{position:absolute;top:-32px;right:0;font-size:18px;font-weight:bold;transition:font-size 0.4s background-color 0.4s;z-index:10;color:white;padding:5px;border-radius:3px}#close_modal:hover{font-size:22px;background-color:rgba(255, 255, 255, 0.336);cursor:pointer}@media screen and (min-width:451px){body{background-size:85% auto;background-position:top right}#sec_2{background-size:440px;background-position:0% -5%}.wrapper{background-size:450px;background-position:top right}header,section{padding:0 40px}}@media screen and (min-width: 768px){body{background-image:url('./img/rightbg.png');background-repeat:no-repeat;background-size:contain;background-position:60px top;width:100%}.wrapper{max-width:750px;margin:0 auto;padding:0 15px}.full_button{width:auto}p.smaller{max-width:none}#sec_2{background-image:none;padding-top:100px}#left_bg{position:absolute;top:-300px;height:555px;z-index:-2;width:100%}#runners{max-height:100%;z-index:-1;position:relative;top:-30px}#right_bg{position:absolute;z-index:-1;width:100%;top:-205px}#sec_3{background-image:none}h5{font-size:27px}h1{font-size:45px}h3{font-size:28px;line-height:1.5}h6{font-size:15px}p{font-size:16px}p.smaller{font-size:13px}#fundation_pic{width:142px;height:72px}.full_button{width:180px;height:60px;border-radius:30px;font-size:15.5px}#blue_icon{height:60px}figure img.w-100{width:100%}}@media screen and (min-width: 915px){body{background-size:80% auto;background-position:right top;width:100%}.modal-content{width:80%;height:55vh}}@media screen and (min-width: 1200px){body{background-position:right top;background-size:95%}h5{font-size:35px}h1{font-size:80px}h4{font-size:22px}h6{font-size:20px}h3{font-size:40px}p.smaller{font-size:22px}p{font-size:22px}.wrapper{max-width:1170px}.full_button{width:265px;height:90px;border-radius:45px;font-size:23px}#blue_icon{height:90px}#fundation_pic{width:260px;height:120px}#fundation_desc{padding-right:30px!important}#fundation_img{padding-left:30px !important}.logo{width:250px;height:80px}#sec_2{padding-top:300px;padding-bottom:200px}#sec_3{margin-bottom:100px}#runners{top:-90px;max-height:none;width:150%}#right_bg{top:-350px}.nav{font-size:22px}.nav_button{width:190px;height:60px;border-radius:30px;margin-top:-5px;font-size:20px;margin-left:20px}.modal-content{width:70%;height:50vh}}@media screen and (min-width: 1700px){body{background-position:right top;background-size:1550px auto}.modal-content{width:50%;height:45vh}}
.hashtag {
  font-family: Gotham, sans-serif;
}

.hashtag img {
  margin-top: -5px;
}

.pink_text {
  color: rgb(255,6,114);
}

.box {
  font-family: Gotham, sans-serif;
  border-radius: 25px;
  width: 90%;
  margin: auto;
}

.blue_box {
  border: 2px solid var(--blue);
}
.green_box {
  border: 2px solid var(--green);
}

.box-title {
  background-color: #ffffff;
  font-size: 20px;
  margin: -10px auto 30px;
  width: 70%;
}

.box .box-text {
  font-size: 16px;
}

.box .btn-round {
  color: #ffffff;
  font-size: 14px;
  border-radius: 50px;
  padding: 15px 0;
  margin: 30px auto -30px;
  width: 250px;
  max-width: 80%;
}

.green-button {
  border: 2px solid var(--green);
  background-color: var(--green);
}
.blue-button {
  border: 2px solid var(--blue);
  background-color: var(--blue);
}

.green-button:hover {
  background-color: #ffffff;
  color: var(--green)!important;
}
.blue-button:hover {
  color: var(--blue)!important;
  background-color: #ffffff;
}

@media (min-width: 768px) {
  .hashtag {
    font-size: 15px;
  }
}

@media (min-width: 1200px) {
  .hashtag {
    font-size: 22px;
  }
  .box-title {
    font-size: 40px;
    margin: -25px auto 30px;
    width: 60%;
  }

  .box .box-text {
    font-size: 30px;
  }

  .box .btn-round {
    font-size: 20px;
    padding: 20px 0;
    margin: 30px auto -35px;
    width: 280px;
  }
}