@font-face { font-family: myFirstFont; src: url("../Media/Fonts/Cocogoose Pro-trial.ttf"); }

* { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }

html { font-size: 62.5%; overflow-x: hidden; }

main { width: 100%; }

header { z-index: 1000; position: fixed; top: 0; }

h1, h2, h3 { font-family: "myFirstFont"; }

h4, h5, h6, p { font-family: "Lato", sans-serif; }

hr { width: 40px; background: #272a31; margin: 1rem auto; }

a { text-decoration: none; }

a:hover { text-decoration: none !important; }

ul { list-style: none; }

/* ----------------------- Framework -------------------------- */
.m-1 { margin: 1rem; }

.color-prim { color: #ec5242; }

.color-prim-bg { background: #ec5242; }

.color-ter-bg { background: #d3d3d3 !important; }

.float-left { float: left; }

.float-right { float: right; }

.p-relative { position: relative; }

.p-absolute { position: absolute; }

.border-b { border-bottom: 1px solid rgba(97, 94, 94, 0.7); }

.d-none-dk { display: block !important; }

@media only screen and (min-width: 769px) { .d-none-dk { display: none !important; } }

.df-none-dk { display: -webkit-box; display: -ms-flexbox; display: flex; }

@media only screen and (min-width: 769px) { .df-none-dk { display: none; } }

.d-none-mob { display: none !important; }

@media only screen and (min-width: 769px) { .d-none-mob { display: block !important; } }

.df-none-mob { display: none !important; }

@media only screen and (min-width: 769px) { .df-none-mob { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } }

.flex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.flex-mobile { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; }

@media only screen and (min-width: 769px) { .flex-mobile { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; } }

.flex-column-mobile { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: column wrap; flex-flow: column wrap; }

@media only screen and (min-width: 769px) { .flex-column-mobile { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } }

.primary-btn { margin: 1rem; width: 200px; height: 100px; background: #ec5242; color: #272a31; padding: 2rem; font-size: 2rem; border-radius: 15px; border: 1px solid #272a31; }

@media only screen and (min-width: 769px) { .primary-btn { font-size: 2rem; } }

.thunder-btn { margin: 1rem; font-size: 2rem; font-family: "Lato", sans-serif; color: #272a31; border: 1px solid #272a31; border-radius: 15px; width: 200px; height: 100px; background: #ec5242; cursor: pointer; }

.thunder-btn img { display: none; }

.thunder-btn:hover { -webkit-transition: ease-in-out 0.5s; transition: ease-in-out 0.5s; outline: none; }

.thunder-btn:active { outline: none; }

.thunder-btn:active img { position: absolute; display: block; width: 1000%; height: 1000%; top: -350%; left: -250%; }

.thunder-btn:focus { outline: none; }

.ticket-btn-container { -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 auto; width: 75%; padding: 3rem; }

/* ---------------------- Tickets Table --------------------------- */
.table-bg { padding: 0.8rem; width: 70%; background: repeating-linear-gradient(45deg, #272a31, #272a31 5px, #ec5242 5px, #ec5242 10px, #d3d3d3 10px, #d3d3d3 15px); }

.table { border-collapse: collapse; font-family: "Lato", sans-serif; font-size: 1.5rem; width: 100%; height: 100%; background: white; border: 1px solid #272a31; }

.table td { padding: 1.5rem; border: 1px solid #272a31; }

.table th { padding: 1.5rem; border: 1px solid #272a31; }

/* ----------------------- About Info ----------------------------- */
.about-info { font-size: 1rem; width: 90%; padding: 2rem; margin: 1.5rem auto; background: white; color: #272a31; border: 1px solid #272a31; border-radius: 10px; }

@media only screen and (min-width: 769px) { .about-info { width: 70%; padding: 3rem; font-size: 2rem; } }

/* ------------------------- Brand Logo ----------------------- */
.brand-logo { width: 90%; padding: 1rem; border: solid 1px #d3d3d3; }

.brand-logo img { width: 30%; height: 30%; }

@media only screen and (min-width: 769px) { .brand-logo { width: 50%; } }

/* ------------------------- Branding Info ------------------------- */
.branding-info { margin: 2rem auto; }

.branding-info hr { border: 1px solid #ec5242; }

.branding-info h2 { margin: 2rem auto; font-size: 2rem; color: #272a31; }

.branding-info p { font-size: 1.1rem; color: #272a31; margin: 1rem auto; }

/* --------------------- Footer Container -------------------- */
.footer-container { text-align: center; margin: 2rem auto; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; }

.footer-container div { margin: 0 auto; text-align: center; }

.footer-container img { width: 30%; }

.footer-media { text-align: right; width: 50%; padding: 0; }

.footer-media i { color: #ec5242; }

.footer-media a { color: #272a31; }

@media only screen and (min-width: 769px) { .footer-media { padding: 0 0 2rem 0; }
  .footer-media i { color: #272a31; } }

.footer-info { margin: 20px 0; width: 50%; text-align: left; padding: 0; color: #272a31; }

.footer-info p { width: 100%; }

@media only screen and (min-width: 769px) { .footer-info { padding: 0 4rem 0 2rem; text-align: left !important; color: #d3d3d3; } }

/* ---------------- Hero Graphic -------------------- */
.hero-graphic { position: relative; width: 50%; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; margin: 1rem auto 1rem 1.5rem; padding: 0.5rem; -webkit-transform: none; transform: none; text-align: center; }

.hero-graphic h1 { z-index: 4; position: absolute; top: 25%; left: 0; right: 0; -webkit-text-stroke: 1px #272a31; font-size: 3rem; font-family: "myFirstFont"; color: #ec5242; text-shadow: black; }

.hero-graphic button { z-index: 3; position: absolute; top: 30%; left: 30%; display: none; }

.hero-graphic:hover h1 { display: none; -webkit-transition: ease 1s; transition: ease 1s; }

.hero-graphic:hover button { display: block; }

@media only screen and (min-width: 769px) { .hero-graphic { margin: 1rem auto 0 15rem; }
  .hero-graphic h1 { font-size: 7rem; top: 30%; left: 0; }
  .hero-graphic button { top: 40%; left: 35%; }
  .hero-graphic:hover button { border-radius: 15px; font-size: 4rem; } }

#portal { z-index: 2; width: 25rem; height: 25rem; -webkit-animation: 2.5s linear infinite spin; animation: 2.5s linear infinite spin; -webkit-transform-origin: center; transform-origin: center; transform-box: fill-box; }

@media only screen and (min-width: 769px) { #portal { width: 60rem; height: 60rem; } }

@-webkit-keyframes spin { 0% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
  50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
  100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } }

@keyframes spin { 0% { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
  50% { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
  100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } }

/* ------------------- Menu Picking ---------------------------- */
.menu-container { margin: 2rem auto; padding: 8rem 2rem 1rem 2rem; border-radius: 2px; border: 1px solid #d3d3d3; background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), color-stop(20%, white), color-stop(20%, white), to(white)); background: linear-gradient(#f9f9f9, white 20%, white 20%, white); }

@media only screen and (min-width: 769px) { .menu-container { margin: 4rem auto; padding: 4rem 2rem 2rem 2rem; } }

.menu-box { width: 100%; padding: 2rem; }

.menu-box h5 { font-size: 1.3rem; margin: 0 0 1rem 0; }

@media only screen and (min-width: 769px) { .menu-box { width: 20%; padding: 4rem; }
  .menu-box h5 { margin: 1.5rem 0; font-size: 1.5rem; } }

/* --------------------------- Nav Bar ------------------- */
.navbar { font-family: "Lato", sans-serif; z-index: 999; width: 100%; margin: 0; padding: 0.5rem 4rem; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }

.navbar li { margin: 0.3rem 0; text-align: center; padding: 1rem; width: 200px; background: #ec5242; border-radius: 5px; }

.navbar li a { color: #272a31; font-size: 1.5rem; text-decoration: none; }

.navbar li:hover { background: #272a31; }

.navbar li:hover a { color: #ec5242; }

.navbar button { text-align: start; -webkit-text-stroke: 1px #272a31; color: #ec5242; background: none; border: none; }

.navbar button:active { border: none; outline: none; -webkit-transform: scale(1.2); transform: scale(1.2); }

.navbar button:focus { border: none; outline: none; }

@media only screen and (min-width: 769px) { .navbar { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  .navbar li { background: none; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: inline-block; margin: 0 0.5rem; padding: 0.5rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #ec5242; }
  .navbar li a { color: #ec5242; }
  .navbar li:hover { -webkit-transition: ease 0.5s; transition: ease 0.5s; background: #ec5242; border-radius: 5px; -webkit-transform: scale(1.1); transform: scale(1.1); margin: 0 1.5rem; }
  .navbar li:hover a { color: #272a31; }
  .navbar button { display: none; } }

#special-link { border: 1px solid #272a31; width: 200px; border-radius: 5px; text-align: center; background: #ec5242; }

#special-link a { color: #272a31; }

#special-link:hover { background: #272a31; }

#special-link:hover a { color: #d3d3d3; }

@media only screen and (min-width: 769px) { #special-link { background: none; border: 2px solid #ec5242; width: 180px; }
  #special-link:hover { -webkit-transition: ease-in-out 0.5s; transition: ease-in-out 0.5s; background: #ec5242; }
  #special-link a { color: #ec5242; }
  #special-link a:hover { color: #272a31; } }

.navbar-brand { display: none; }

@media only screen and (min-width: 769px) { .navbar-brand { display: block; }
  .navbar-brand i { color: #ec5242; }
  .navbar-brand i:hover { font-size: xx-large; } }

#nav-links { display: none; }

@media only screen and (min-width: 769px) { #nav-links { display: block !important; } }

.about-subnav { margin: 1rem 1rem 1rem auto; background: transparent; }

/* ---------------------- Tickets Square & Arrow ------------ */
#square { text-align: center; margin: 4rem auto; width: 70px; height: 70px; background: #272a31; border: none; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

#square i { margin: 38% auto auto 9%; color: #ec5242; border: none; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

/* ------------------- Tickets Step Box ----------------- */
.step-box { margin: 1rem auto; width: 55% !important; text-align: left; padding: 2rem; border-radius: 25px; border: 1px solid #272a31; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.step-box p { margin: 0.5rem; }

.step-box h6 { margin: 0.6rem; }

/* --------------------- More btn---------------------------- */
.more-btn { background: white; margin: 2rem auto; width: 95%; height: 30px; border: 1px solid #d3d3d3; color: #272a31; font-size: 1.3rem; }

@media only screen and (min-width: 769px) { .more-btn { display: none; } }

/* ---------------------- Schedule btn ------------------ */
.schedule-btn { margin: 3rem auto; text-align: center; }

.schedule-btn button { width: 200px; height: 100px; background: #272a31; color: #ec5242; font-size: 2rem; border: none; border-radius: 10px; cursor: pointer; }

.schedule-btn button:active, .schedule-btn button:focus { border: none; outline: none; }

@media only screen and (min-width: 769px) { .schedule-btn button { width: 250px; height: 100px; } }

/* ------------------- Partner Logo Container -------------------- */
.logo-container { width: 70%; height: 50%; margin: 1rem auto; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.logo-container i { margin: 2rem 3rem; }

@media only screen and (min-width: 769px) { .logo-container { margin: 10rem auto 2rem auto; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; } }

/* -------------------- Past Content ---------------------------- */
.past-container { width: 100%; margin: 5rem auto; }

.past-box { width: 80%; margin: 1rem auto; height: 200px; background-image: -webkit-gradient(linear, left top, left bottom, from(#ec5242), to(white)), url("../../Media/img/singapur.jpg"); background-image: linear-gradient(to bottom, #ec5242, white), url("../../Media/img/singapur.jpg"); background-size: cover; }

@media only screen and (min-width: 769px) { .past-box { width: 30%; height: 300px; } }

.past-box-1 { width: 80%; margin: 1rem auto; height: 200px; background-image: -webkit-gradient(linear, left top, left bottom, from(#ec5242), to(white)), url("../Media/img/buenosAires.jpg"); background-image: linear-gradient(to bottom, #ec5242, white), url("../Media/img/buenosAires.jpg"); background-size: cover; background-repeat: no-repeat; }

@media only screen and (min-width: 769px) { .past-box-1 { width: 30%; height: 300px; } }

/* ---------------------- Program Container ------------------------- */
.programs-container { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; width: 95%; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; }

@media only screen and (min-width: 769px) { .programs-container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 85%; padding: 3rem; } }

.program-box { margin: 0.15rem; color: white; width: 100%; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; padding: 2rem; border-radius: 2px; background-color: rgba(233, 233, 233, 0.1); }

.program-box:hover { border: 2px solid #ec5242; }

.program-box:hover i { color: #ec5242; }

.program-box h2 { margin: 3rem 0 1.5rem 0; font-family: "myFirstFont"; font-size: 1.5rem; color: #ec5242; }

.program-box p { font-size: 1.2rem; color: #d3d3d3; }

@media only screen and (min-width: 769px) { .program-box { text-align: center; width: 19%; height: 250px; } }

/* ------------------------ Speaker Box --------------------- */
.speaker-box { width: 100%; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; text-align: center; }

.speaker-box h3 { font-size: 1.2rem; }

.speaker-box:hover { background: #272a31; color: #d3d3d3; border-radius: 15px; }

.speaker-box:hover h3 { font-size: 1.5rem; }

@media only screen and (min-width: 769px) { .speaker-box { width: 40%; text-align: left; padding: 1rem; margin: 1rem 0 1rem 6rem; }
  .speaker-box h3 { font-size: 3rem; }
  .speaker-box p { font-size: 1.5rem; }
  .speaker-box:hover { padding: 2rem; height: 25rem; }
  .speaker-box:hover h3 { font-size: 2rem; } }

.speaker-img-box { margin: 1rem 0 1rem 2rem; position: relative; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.speaker-img-box img { position: absolute; width: 100px; height: 100px; }

@media only screen and (min-width: 769px) { .speaker-img-box img { top: 3%; left: 17%; display: block; width: 150px; height: 150px; } }

.speaker-info { width: 60%; margin: 0 2rem 1rem 18rem; }

.speaker-bg-box { display: none; }

@media only screen and (min-width: 769px) { .speaker-bg-box { display: block; position: absolute; top: -10px; left: -10px; background-image: linear-gradient(45deg, #808080 25%, transparent 25%), linear-gradient(-45deg, #808080 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #808080 75%), linear-gradient(-45deg, transparent 75%, #808080 75%); background-size: 20px 20px; background-position: 0 0, 0 10px, 10px -10px, -10px 0; width: 100px; height: 100px; } }

.special-p { color: #ec5242; font-size: 1.5rem; font-family: "Lato", sans-serif; font-weight: bolder; }

.about-subnav { margin: 10px 0 1rem 0; width: 100%; }

.about-subnav ul { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 1rem 2rem; }

.about-subnav li { padding: 1rem; font-size: 1.1rem; }

.about-subnav li a { color: #d3d3d3; margin: 0.5rem; }

.about-subnav li i { margin: 0 0.5rem; }

@media only screen and (min-width: 769px) { .about-subnav { margin: 80px 0 1rem 0; } }

.p-table-container { margin: 0 auto; width: 90%; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; }

.p-table { width: 100%; border-collapse: collapse; border: none; }

.p-table h3 { font-family: "Lato", sans-serif; font-size: 1.5rem; color: #272a31; }

.p-table p { font-size: 1.2rem; color: #272a31; }

.p-table tr { border-bottom: 1px solid #d3d3d3; padding: 1rem; font-family: "Lato", sans-serif; font-size: 1.2rem; }

.p-table th { border: none; padding: 1rem; }

.p-table td { border: none; padding: 1rem; }

.w-contain, .l-contain, .f-contain, .e-contain { height: 100%; width: 100%; text-align: center; margin: 0.2rem; padding: 0.5rem; border-radius: 5px; }

.w-contain { background: #c9b2cf; }

.l-contain { background: #b2bfcf; z-index: 2; }

.f-contain { background: #e09ea1; }

.e-contain { background: #b9f7e9; }

.sponsers { padding: 0 0 2rem 0; width: 100%; height: 100%; text-align: center; }

.sponsers h1 { color: #ec5242; font-size: 3rem; margin: 20px 0 0 0; }

@media only screen and (min-width: 769px) { .sponsers h1 { margin: 150px 0 0 0; font-size: 5rem; } }

.sponsor-container { padding: 2rem; margin: 0 auto; width: 95vw; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #272a31; border-radius: 15px; }

.sponsor-container i { color: #d3d3d3; width: 100%; margin: 4rem 0; font-size: 10rem; }

@media only screen and (min-width: 769px) { .sponsor-container { width: 50%; -ms-flex-pack: distribute; justify-content: space-around; } }

.lg-news { padding: 1rem; text-align: start; width: 100%; }

.lg-news h1 { margin: 1rem; font-size: 2rem; color: #272a31; }

.lg-news h3 { margin: 1rem; font-size: 1.2rem; color: #d3d3d3; }

.lg-news img { width: 100%; height: 80%; border-radius: 5px; }

@media only screen and (min-width: 769px) { .lg-news { width: 50%; } }

.sm-box { width: 100%; padding: 1rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; }

@media only screen and (min-width: 769px) { .sm-box { width: 50%; } }

.sm-news { text-align: start; margin: 1rem; width: 40%; color: #272a31; }

.sm-news img { border-radius: 2px; width: 100%; }

.sm-news caption { padding: 2%; }

@media only screen and (min-width: 769px) { .sm-news { width: 45%; } }

/* ----------------------------- Header ---------------------------- */
.account-nav { display: none; width: 100%; background: #272a31; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; font-size: 1.5rem; font-family: "Lato", sans-serif; padding: 1rem; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }

.account-nav a { color: #d3d3d3; margin: 1rem 1rem 1rem 0; }

@media only screen and (min-width: 769px) { .account-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } }

.main-nav { background: transparent; position: -webkit-sticky; position: sticky; height: 50px; }

@media only screen and (min-width: 769px) { .main-nav { background: whitesmoke; font-size: 1.8rem; padding: 0; width: 100vw; margin: 0; } }

/* ------------------------- Hero section --------------------------- */
.home-hero { background: url("../Media/img/CATMEDIA-SPACE-Background.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center; padding: 6rem 0 1rem 0; text-align: center; height: 100%; }

.home-hero > h1 { font-size: 2rem; font-family: "myFirstFont"; margin: 2rem 0 0 1rem; color: #ec5242; }

.home-hero h2 { color: #d3d3d3; font-size: 1.3rem; margin: 1rem 0 0 1rem; text-transform: uppercase; }

.home-hero p { font-size: 1.3rem; color: #272a31; margin: 0.5rem; line-height: 1.6; background: #d3d3d3; border: 1px solid white; padding: 1rem; border-radius: 5px; }

@media only screen and (min-width: 769px) { .home-hero { padding: 10rem 0 1rem 0; height: 100%; text-align: left; }
  .home-hero > h1 { font-size: 4rem; margin: 2rem auto 0 15rem; }
  .home-hero h2 { margin: 2rem auto 2rem 35%; }
  .home-hero p { width: 60%; margin: 1rem auto 1rem 5%; font-size: 2rem; } }

/* ------------------- Main Program --------------------- */
.main-program { text-align: center; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; background: #272a31; color: white; padding: 3rem 0; }

.main-program h1 { font-size: 2rem; }

.main-program hr { border: 1px solid #ec5242; }

.main-program a { color: white; font-size: 2rem; border-bottom: 1px solid white; margin: 5rem 0 !important; }

.main-program a:hover { color: white; }

/* ------------------- Featured Speakers -------------------- */
.featured-speakers { text-align: center; color: #272a31; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; }

.featured-speakers h1 { margin: 1rem 0; }

.featured-speakers > hr { border: 1px solid #ec5242; height: 2px; }

@media only screen and (min-width: 769px) { .featured-speakers { text-align: center; } }

/* -------------------- Partners ------------------------------- */
.partners { text-align: center; background: #272a31; color: #d3d3d3; padding: 5rem 0; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; }

/* ------------------------ About Hero ---------------------- */
.about-hero { z-index: 1; background: url("../Media/img/CATMEDIA-SPACE-Background.jpg"); background-size: cover; background-position: bottom; padding: 3rem 0; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; opacity: 1; text-align: center; }

.about-hero > h1 { color: #ec5242; -webkit-text-stroke: 1px #272a31; margin: 1rem auto; font-size: 2em; width: 80%; }

.about-hero > p { color: #d3d3d3; font-size: 1.5rem; margin: 1rem auto; width: 80%; }

.about-hero a { color: #d3d3d3; font-size: 1.3rem; width: 20%; margin: 1rem auto; text-align: center; }

@media only screen and (min-width: 769px) { .about-hero h1 { margin: 3rem auto; font-size: 6rem; }
  .about-hero > p { font-size: 2rem; }
  .about-hero a { font-size: 2rem; } }

/* ------------------- Branding ---------------------------- */
.branding { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; text-align: center; border-bottom: 1px solid #d3d3d3; padding: 3rem; }

.branding img { width: 30%; }

.branding h2 { font-size: 2rem; }

.branding p { font-size: 1.5rem; }

.branding div { margin: 0 auto; }

/* --------------------- Past -------------------------------- */
.past { width: 100%; text-align: center; color: #272a31; font-size: 2rem; }

.past div { margin: 3rem auto; }

/* -------------------- Select Tickets ----------------- */
.select-tickets { text-align: center; padding: 10rem 0 2rem 0; color: #272a31; }

.select-tickets > div { margin: 2rem auto; width: 75%; }

.select-tickets h1 { font-family: "Lato", sans-serif; font-size: 3rem; margin: 1rem 0; }

.select-tickets hr { border: 1px solid #ec5242; }

.sched-head { text-align: center; width: 100%; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; }

.sched-head h1 { color: #ec5242; font-size: 2rem; margin: 40px 0 1rem 0; }

.sched-head hr { border: 1px solid #272a31; margin: 2rem auto; }

.sched-head button { width: 25%; font-size: 0.9rem; height: 40px; border: none; background: #ececec; }

@media only screen and (min-width: 769px) { .sched-head h1 { margin: 2rem 0 1rem 0; font-size: 4rem; }
  .sched-head button { font-size: 1.3rem; } }

.sched-body { text-align: center; padding: 2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-flow: wrap column; flex-flow: wrap column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-line-pack: center; align-content: center; }

.sched-body h5 { font-size: 1.2rem; }

.sched-body h3 { font-size: 1.5rem; }

.sched-body p { font-size: 1rem; }

@media only screen and (min-width: 769px) { .sched-body h5 { font-size: 1.5rem; }
  .sched-body h3 { font-size: 2rem; }
  .sched-body p { font-size: 1.2rem; } }

.schedule-btns-cont { width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; }

@media only screen and (min-width: 769px) { .schedule-btns-cont { width: 55%; } }

.schedule-icons-container { width: 100%; padding: 1rem; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

@media only screen and (min-width: 769px) { .schedule-icons-container { margin: 0 15rem 0 0; } }

.p-table-container { margin: 0 auto; padding: 0; }

@media only screen and (min-width: 769px) { .p-table-container { padding: 1rem; } }

.wi-contain, .li-contain, .fi-contain, .ei-contain { width: 15%; padding: 0.5rem; margin: 0.5rem; border-radius: 15px; }

.wi-contain { background: #c9b2cf; }

.li-contain { background: #b2bfcf; }

.fi-contain { background: #e09ea1; }

.ei-contain { background: #b9f7e9; }

.news-nav-contain { position: fixed; top: 0; width: 100%; background: #272a31; height: 100px; }

@media only screen and (min-width: 769px) { .news-nav-contain { border-top: 1px solid #ec5242; top: 80px; } }

.news-nav { padding: 70px 0 0 0; }

.news-nav ul li a { color: #272a31; font-family: "myFirstFont"; font-size: 1.2rem; padding: 1rem 1.4rem; background-image: -webkit-gradient(linear, left top, left bottom, from(#ec5242), to(#272a31)); background-image: linear-gradient(to bottom, #ec5242, #272a31); background-size: cover; }

.news-nav ul li a:hover, .news-nav ul li a:active, .news-nav ul li a:focus { background: #ec5242; border-radius: 5px; color: #272a31; }

@media only screen and (min-width: 769px) { .news-nav { padding: 60px 0 1rem 0; } }

#world { border: 2px solid #272a31; background: #f8bcb6; border-radius: 10px; margin: 90px auto 0 auto; padding: 1rem; text-align: center; width: 90%; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; }

@media only screen and (min-width: 769px) { #world { margin: 180px auto 0 auto; } }

#tech, #weather, #paradoxes { border: 2px solid #272a31; background: #f8bcb6; border-radius: 10px; margin: 2rem auto; padding: 1rem; width: 90%; }

.campaign-box { margin: 60px 0 1rem 0; width: 100%; }

.campaign-box form { padding: 1rem; text-align: center; margin: 0 auto; width: 95%; background: #272a31; border-radius: 20px; }

.campaign-box form h1 { font-size: 3rem; color: #ec5242; margin: 1rem 0; }

.campaign-box form p { font-size: 2rem; color: #d3d3d3; margin: 1rem 0; }

.campaign-box form img { width: 90%; height: 70%; border-radius: 15px; }

.campaign-box form input { width: 60%; margin: 1rem 0; height: 30px; }

@media only screen and (min-width: 769px) { .campaign-box { margin: 150px 0 1rem 0; } }

/* ----------------------- Footer ------------------------ */
.footer-1 { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; padding: 3rem; background: white; color: #272a31; }

@media only screen and (min-width: 769px) { .footer-1 { background-color: #272a31; color: #d3d3d3; }
  .footer-1 i { color: #d3d3d3; } }

@font-face { font-family: myFirstFont; src: url("../Media/Fonts/Cocogoose Pro-trial.ttf"); }