@font-face {font-family: "SEAT BCN"; src: url("fonts/seat.eot"); src: url("fonts/seat.eot?#iefix") format("embedded-opentype"), url("fonts/seat.woff2") format("woff2"), url("fonts/seat.woff") format("woff"), url("fonts/seat.ttf") format("truetype"), url("fonts/seat.svg#SEAT BCN") format("svg"); }

body{ font-family: 'Poppins', sans-serif; color: #333; font-weight:400; letter-spacing:0; font-size:18px; line-height:1.5; margin:0; padding:0; background-color: #ffffff; text-align: center; background:url(images/background.jpg); background-repeat: no-repeat; background-size: cover; background-attachment: fixed;}
a { color: #0099d4; border-bottom: 1px dotted transparent; text-decoration: underline; }
a:hover { color: #007bff; text-decoration: none; border:none; }
.gold {color:#ecc602;}
.blue {color:#026990;}
.lightblue {color:#0091ff;}
ul {width: fit-content; margin:0 auto 20px;}
li {text-align: left;}
.em {font-style: italic;}
.section { display:block; padding: 100px 0 0; min-height:600px; width:100%; max-width: 1000px; position: relative; z-index: 1; margin:0 auto;}
.row { margin-top:30px;}
.comingsoon {font-family:'SEAT BCN', sans-serif; color:#026990; font-style: italic; font-weight: 200; text-transform: uppercase; margin:20px auto; width: fit-content; letter-spacing: 2px;}
.time {font-family:'SEAT BCN', sans-serif; background:#fff; font-style: italic; font-weight: 500; color: #018fc5; padding:5px 30px; text-transform: uppercase; margin:20px auto; width: fit-content; letter-spacing: 2px; border-radius:100px; font-size:0.8em; border:1px solid #ffed93}
.button {font-family:'SEAT BCN', sans-serif; background:#008fc5; font-weight: 500; color: #fff4c7; padding:5px 20px; text-transform: uppercase; margin:5px auto; width: fit-content; letter-spacing: 2px; border-radius:100px; font-size:0.8em; display:inline-block; text-decoration: none;}
.button:hover {text-decoration: none; color:#fee57c; background:#026990}
.btyb {width:80%; height: auto; display:block; margin:0 auto;}
.purple {color:#8736ad;}

/* headlines */
h1 {display:block; font-size:18px; width:fit-content; margin: 0 auto 20px;}
.h1 {  font-family:'SEAT BCN', sans-serif;  text-transform: uppercase; margin: 20px; color: #ecc602; padding: 10px 0 0 10px; letter-spacing:1px; font-size:4em;  text-align: left; font-weight: 800; text-shadow: -1px 1px 0 rgba(109, 95, 0, 0.6);  -webkit-text-shadow: -1px 1px 0 rgba(109, 95, 0, 0.6);  -moz-text-shadow: -1px 1px 0 rgba(109, 95, 0, 0.6); display: inline-block;}
h1 sup {font-size:0.5em; position: relative; top:-1em; display: inline-block;}
h1 img {width: 15%; height:auto; margin-top: -60px; display: inline-block;}
#about .h1{font-size:3.9em;}
#knowbefore .h1{font-size:3.5em;}
#about h1 img { position: relative; top:-40px;}
h2 {   text-transform: uppercase; margin: 50px auto 15px; color: #046990;  display: block; font-size:2em; text-align: center; font-weight: 300; width:fit-content; max-width: 90%;  padding: 5px 60px; letter-spacing: 2px; border-bottom:1px solid #fff2af; border-top:1px solid #ffed9e;background: rgb(255,250,224);
    background: -moz-linear-gradient(317deg, rgba(255,250,224,0) 3%, rgba(254,233,133,0.5634628851540616) 72%, rgba(246,238,200,0.8631827731092436) 72%, rgba(255,254,248,0) 97%);
    background: -webkit-linear-gradient(317deg, rgba(255,250,224,0) 3%, rgba(254,233,133,0.5634628851540616) 72%, rgba(246,238,200,0.8631827731092436) 72%, rgba(255,254,248,0) 97%);
    background: linear-gradient(317deg, rgba(255,250,224,0) 3%, rgba(254,233,133,0.5634628851540616) 72%, rgba(246,238,200,0.8631827731092436) 72%, rgba(255,254,248,0) 97%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fffae0",endColorstr="#fffef8",GradientType=1);;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#fffae0",endColorstr="#fffef8",GradientType=1);}
h3 {  font-family:'SEAT BCN', sans-serif;  text-transform: uppercase; margin: 20px auto 10px; color: #026990;  display: block; padding-top:40px; letter-spacing:1px; font-size:1.8em; text-align: center; font-weight: 800; width:fit-content;}
h4 {  font-family:'SEAT BCN', sans-serif;  text-transform: uppercase; margin: 20px auto 10px; color: #026990;  display: block; letter-spacing:1px; font-size:1.5em; text-align: center; font-weight: 600; width:fit-content;}
.h4label {font-size:0.5em; font-style: italic; line-height: 2; letter-spacing: 2px;}
h5 {  margin: 20px auto 10px; color: #026990;  display: block; letter-spacing:1px; font-size:1.4em; text-align: center; font-weight: bold; width:fit-content;}
h6 {  margin: 40px auto 10px; color: #0892c6;  display: block; letter-spacing:1px; font-size:1.2em; text-align: center; font-weight: bold; width:fit-content;}
/* css positioning*/
.center { text-align:center;}
.left { text-align:left;}
p {margin-bottom:20px; padding:0 20px;}
.w50 {display:inline-block; width:48%; margin:0 auto; vertical-align: top;}
.em {font-style: italic; font-weight: 300; color:#666 !important}

/*HEADER*/
#header { background-color: #d5a809; display: block; margin: 0px auto; width: 100%; border-bottom:1px solid #fdd804;  overflow:visible; z-index: 500; background:#fdd804}
#navbar, .navbar-header {background:#d5a809 !important;}
/* Donate*/
#donateButton { font-family:'SEAT BCN', sans-serif; display: inline-block; background:#026990; border-radius:5px; color:#fff; font-size: 0.8em; font-weight:500; padding: 2px 10px; margin: 12px 10px 0 5px; text-transform: uppercase; letter-spacing: 1px; }
#donateButton a { color:#fff; text-decoration: none;}
#donateButton:hover {background:#0594c8; cursor:pointer;}
/* Navigation*/
#topNav {vertical-align: top; text-align: center; padding: 0;opacity: .9; background:none !Important; width:90%; display: inline-block; margin:0 auto; float:none; }
#topNav li { font-family:'SEAT BCN', sans-serif; list-style: none; display: inline-block; padding: 15px 10px 15px; color: #fff4c7; font-size: .8em; text-transform: uppercase; position: relative; margin:0; font-weight:500; float:none; letter-spacing: 1px;   transition:0.5s;}
#topNav li:hover { color: #026990; cursor: pointer;background: -moz-radial-gradient(circle, rgba(255,225,120,1) 0%, rgba(213,168,9,1) 96%);
    background: -webkit-radial-gradient(circle, rgba(255,225,120,1) 0%, rgba(213,168,9,1) 96%);
    background: radial-gradient(circle, rgba(255,225,120,1) 0%, rgba(213,168,9,1) 96%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffe178",endColorstr="#d5a809",GradientType=1);   
}
#topNav li a { color: #fff; }
#topNav li a:hover { text-decoration: none; color: #026990; }
.navbar-inverse .navbar-collapse { background-color:#d5a809; }
.navbar-inverse .navbar-toggle { border-color: #e9be02;}
.navbar-toggle:hover {background: #fff;}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: #026990;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #ecc602;
}


#homeoverlay {text-align: center; position: relative; z-index:200; width:100%; top:20px; }
#postevent {font-size:22px; color:#fff; font-weight: 600; text-transform: uppercase; background:#fff; margin:0 auto; padding:20px 0; border:1px solid #fff;}
#postevent img {width:auto; height:150px;}
#postevent div {width:18%}


/*HOME*/
#home { padding:200px 0 0 !important; overflow: hidden; max-width:100%; min-height: 1200px; width:100%; background-color: #fff;;}
#homeheadline img{ position: absolute; display: block; left:22%;  width:75%; height: auto;  z-index:20;  animation-name: animationfade; animation-duration: 3s; animation-fill-mode: forwards; animation-iteration-count: 1; opacity: 0; animation-delay: 1s;}
#homelocation img{ position: absolute; display: block; left:5%; width:40%; height: auto;  z-index:20;  animation-name: animationfade; animation-duration: 2s; animation-fill-mode: forwards; animation-iteration-count: 1; animation-delay: 2s; opacity: 0;}
#homedate img{ position: absolute; display: block; right:5%; width:40%; height: auto;  z-index:20;  animation-name: animationfade; animation-duration: 2s; animation-fill-mode: forwards; animation-iteration-count: 1; animation-delay: 2s; opacity: 0;}
@keyframes animationfade {0% {opacity:0} 100%{opacity:1}}
/* home animation*/
#homehand {position: absolute; display: block; left:-30%; width:30%; height: auto; animation-name: animationhand; animation-duration: 2s; animation-fill-mode: forwards; z-index:10; animation-delay: 1s;} 
@keyframes animationhand {100% {left:-4%;}}  
.clouds {display:block; margin:0 auto; width:100%; height: calc(100vh); position:absolute; top:0; left:0; background-size: cover !important; animation-name: animationclouds; animation-duration: 9s; animation-iteration-count: infinite; opacity:0;}
#cloud1 {background:url(images/cloud2.jpg); z-index:5; animation-delay: 3;}
#cloud2 {background:url(images/cloud3.jpg); z-index:6; animation-delay: 6s;}
#cloud3 {background:url(images/cloud4.jpg); z-index:7; animation-delay: 9s;}
@keyframes animationclouds {0% {opacity:0;} 25% {opacity:0;} 50% {opacity:1;} 75%{opacity:0;} 100% {opacity:0;}}  
#cloud0 {display:block; margin:0 auto; width:100%; height: calc(100vh); position:absolute; top:-400px; left:0; background-size: cover !important;  background:url(images/cloud1.jpg); z-index:4; opacity:0; top:-100px; animation-name: animationcloud; animation-duration: 3s; animation-fill-mode: forwards; animation-iteration-count: 1;}
@keyframes animationcloud {0% {top:-200px;opacity:0} 100%{top:0; opacity:1}}
#bgfade {display:block; margin:0 auto; width:100%; position:absolute;}

/* home sports*/
#homesports {display: flex; width:100%; border-top:5px solid rgba(255, 255, 255, 0); border-bottom:5px solid  rgba(255, 255, 255, 0); text-align: center; position: absolute; z-index: 21; animation-delay:5.5s; animation-name: animationhomeborder; animation-duration: 1s; animation-fill-mode: forwards; animation-iteration-count: 1;}
#homesports img {width:10%; opacity:0; animation-name: animationfade; animation-duration: 1s; animation-fill-mode: forwards; animation-iteration-count: 1; }
#homesports1 {animation-delay: 3s;}
#homesports2 {animation-delay: 3.25s;}
#homesports3 {animation-delay: 3.5s;}
#homesports4 {animation-delay: 3.75s;}
#homesports5 {animation-delay: 4s;}
#homesports6 {animation-delay: 4.25s;}
#homesports7 {animation-delay: 4.5s;}
#homesports8 {animation-delay: 4.75s;}
#homesports9 {animation-delay: 5s;}
#homesports10 {animation-delay:5.25s;}
@keyframes animationhomeborder {0% {border-top:5px solid rgba(255, 255, 255, 0);border-bottom:5px solid #ffffff;} 100%{border-top:5px solid #ecc602;border-bottom:5px solid #ecc602;}}

#homebottomfade {background: -moz-linear-gradient(0deg, rgba(255,255,255,0) 68%, rgba(255,255,255,1) 100%);
    background: -webkit-linear-gradient(0deg, rgba(255,255,255,0) 68%, rgba(255,255,255,1) 100%);
    background: linear-gradient(0deg, rgba(255,255,255,0) 68%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ffffff",GradientType=1); display: block; width:100%; height: 200px;}

/*ABOUT*/
.aboutdatelocation strong {font-size: 1.3em; text-transform: uppercase; color:#026990}
#location {display:block; margin:20px auto 0; width:100%; height: auto;}
#venuepic {display:block; margin:20px auto 20px; width:100%; height: auto; border:1px solid #ecc602; }
#hotel {text-align: center;}
#hotel p {margin:20px auto}
#hotel a {font-weight: 600;}
.smallLink {font-size:0.8em; font-weight: 400 !important;}
#about ul {margin:-10px auto 0;}

#sharebutton {display:block; margin: 20px auto; width:fit-content; height: auto; color:#83238a; font-size:24px;
background: #e3cae5; border-radius:50px; padding:10px 40px; font-weight: bold; text-transform: uppercase;}
#sharebutton:hover {background:#fff; cursor:pointer;}
#themepic {display:block; margin:20px auto 20px; width:100%; height: auto; border:1px solid #ecc602; }


/*TICKETS*/

#tickets h2 {display:block; width:95%; background:#013e38; color:#fff; margin:40px auto 0; padding:10px 0; font-size:42px; font-weight: 800; border-bottom:1px solid #61aaa3;}

.ty {display: block; margin:20px auto; width:90%; height: auto; border:1px solid #ecc602;}

#tickets iframe {display:block; margin:5px auto;}
#eventbriteinstructions {width:100%; height:auto; max-width: 800px;}
.red {color:#ff0000; font-weight: bold;}
.warning {margin-top:10px; font-size:1.5em;}
#eventbriteinstructions {margin:0 auto; display: block;}
#soldOut {font-size:64px; display: block; width:fit-content; padding:0px 80px; text-align: center; border:1px solid #ff0000; color:#ff0000; font-weight: 600; margin:0 auto 20px;}

#regnotice{margin: 5px 0; font-size:1.2em; color:#000; margin:20px auto; width: 90%; padding:10px 0; border:5px solid #ecc602; padding:20px 10px; background:#fff;  }
#regnotice2 {  margin: 5px 0; font-size:1.2em; color:#000; margin:20px auto; width: 90%; border:5px solid #ecc602; padding:10px 10px; background:#fff;   }
#norefund {  margin: 5px 0; font-size:1.2em; color:#ff0000; margin:20px auto; width: 90%; padding:10px 30px; border:5px solid #ff0000; padding:20px 10px; font-style: italic; font-weight: 500; background: #fff;  }
#norefund strong{font-size:1.5em;}
#nowalk {  margin: 5px 0; font-size:1.2em; color:#ff0000; margin:20px auto; width: 90%; padding:10px 30px; border:5px solid #ff0000; padding:20px 10px; font-style: italic; font-weight: 500; background: #fff;  }
#nowalk strong{font-size:1.2em;}
#discountcode img {display: block; margin:0 auto; width:90%; height: auto;}

.regmbeonly {display:block;}


#agenda table {width:80%; display:block; margin:0 auto;}
#agenda td {border-bottom:1px solid #ecc602; padding:10px 0;}

.breakouth4 {color:#d5a80b; letter-spacing: 1px; margin:40px auto 10px;}
/*SPEAKERS*/
.speakers{ display: flex; flex-wrap: wrap; justify-content: center; max-width: 1000px; margin: 10px auto 30px;}
.speaker { font-size:12px; line-height: 1.2; display:inline-block; text-align:left; border:1px solid #ffd234; padding:10px;margin:5px; width:32%; vertical-align: top; background:#fff; color:#000; font-weight: 400;}
.speakerLeft {display:inline-block; width:30%; vertical-align:top; margin-right:10px;}
.speakerLeft img {width:100%; height: auto; max-width:200px; border:1px solid #d5a809;}
.speakers em {margin:10px auto; display: block; text-align: center;}
.multiversebio {width:80px; height: auto; border:1px solid #61aaa3; float:left; margin:0 10px 5px 0; border-radius: 50px;}
.speakerRight {display:inline-block; vertical-align: top;  width:65%; }
.speakerName {font-size:16px; font-weight: 600; color:#026990; line-height: 1.1; text-align: center;}
.speakerTitle {font-size:12px; font-weight: 500; font-style: italic; line-height: 1.1; margin:2px 0; text-align: center;}
.speakerCompany {margin:0 auto; display:block; max-width: 100%; max-height: 100px;}
.speakerLabel {font-size:12px; font-weight: 600; text-align: center; background:url(images/nav-bg.png); background-size: 100% 100%; width:100%; padding:5px 10px; display: block; margin: 0 auto 5px;}
.speakerBio {display: block; width:100%; margin: 10px 0 0 0;}
.mbe-mod {border:1px solid #ffd234; background:#fff; width:fit-content; display: block; margin:20px auto; font-weight: 600; color:#026990; border-radius: 50px;}
.mod-coming-soon {font-size: 0.8em; font-weight: 400; color:#000;}
#breakouts h3 { font-size:30px;}
#breakouts h4 { color:#e9be02; text-align: center; font-size:20px; width:fit-content; margin:0 auto; display:block; padding:5px 20px; border:1px solid #e9be02; border-radius: 40px;}

.moderators {margin:0 auto 10px; padding:0 0 10px 0; }
.moderators .speaker {border:1px solid #e9be02; font-size:11px; border-radius: 15px; width:48%}
.moderators .speakerLeft  {max-width: 87px; text-align: center;}
.moderators .speakerLeft img {border-radius: 50px; max-width: 65px; border:2px solid #d5a809;}
.moderators .speakerRight {width:78%; text-align: center;}
.moderators .speakerRight div {display: inline-block; width:fit-content; margin:0 5px;}
.moderators .speakerBio {text-align: center; font-size:10px;}
.moderators .speakerCompany {max-height: 50px; }

/*ACTIVITIES*/
#activitiesnavigation li {font-family:'SEAT BCN', sans-serif;  list-style: none; display: inline-block; font-size: 1.1em; font-weight: 400; padding:5px 15px;  margin:2px 0px; background: #ffffff; color:#d4a70c; letter-spacing: 2px; border:2px solid #018fc5;}
#activitiesnavigation li a {text-decoration: none; color:#d4a70c}
#activitiesnavigation li:hover, #activitiesnavigation li:hover a {color:#fff; background:#dfb10a; }
#activitiesnavigation li:hover{border:2px solid #0091ff;}
#activities h2 {font-weight: 800; margin:50px auto 20px;}
.activitieslogos {display: block; width:90%; background-color: #fff; margin:10px auto; border: 1px solid #d4a70c;}
.redband {width:20%; height: auto; float: left; margin:0 10px 10px 0;}
.meditation {float: right; display: block; width:200px; height: auto;}

#menu p, #menu li {font-weight: 600; color:#c29800;}
#menu li {list-style: circle;}
#menu .em {font-size: 0.8em;}


#knowbefore td {padding:10px 0;}
#knowbefore table {width:90% !important; display: block; margin:20px auto;}
#knowbefore ul {width:90% !important; display: block; margin:20px;}
/*COVID PROTOCOLS*/
.venuelayout {display: block; margin:20px auto; width:90%; height: auto; border:1px solid #ecc602;}

.waiverbutton {display:block; margin:20px auto; background:#013e38; color:#61aaa3; width:fit-content; padding:10px 40px; border-radius:30px; font-size:26px; font-weight: 600}
.waiverbutton:hover {background:#83238a; color:#fff; cursor:pointer;}

#meetgreetlogos, .mmlogos {display:block; margin:10px auto; width:100%; font-style: italic;}

.checkback {display:block; margin:10px auto; width:100%; color:#e9be02; text-align: center; font-size:24px; font-weight: 600;}

/*SUPPORTERS*/
#supporters h2 {display:block; width:98%; background:#008fc5; color:#fad61f; margin:40px auto 0; padding:10px 0; font-size:2.3em; font-weight: 600; letter-spacing: 2px;  border:none; }
.supportercontainer {width:90%; height: auto; text-align: center; display:block; margin:0 auto 20px; border:2px solid #ecc602; background:#fff;}
.supportercontainer img {width:90%; height: auto;;}
#supportervideo {width:30% !important; height: auto;}
#supporters .button {font-size:1.7em; background:#d5a809;}
#supporters .button:hover {background:#007bff;}

#virtualmatchmaking {display: block; text-align: center; border:2px solid #61aaa3; width:fit-content; padding:10px 60px; margin:20px auto; font-weight: 600; font-size:1.5em; color:#61aaa3; background: rgba(0,0,0,0.6); border-radius: 50px;}

/*CONTACT*/
#contactLabel { text-align:center; display:block; width:100px; font-size:18px; margin:40px auto 10px; border-bottom:1px dotted rgba(255,255,255,0.5);}
#contactNumber { text-align:center; display:block; width:100%; font-size:28px;}

/*FOOTER*/
#footer { display: block; margin: 40px auto 0; z-index: 2; width: 100%; height: 60px; bottom: -15px; background: #d5a809; padding: 20px;  color:#fff; position: relative; z-index: 2; text-align: left; border-top:2px solid #fdd804;}
#copyright { display: inline-block; margin-left: 20px; font-size: 0.8em; text-align: left; }
#footerSocial { display: block; margin-right: 20px; position:relative; top:-10px; float: right;}
#footerSocial li { display: inline-block; margin: 0 2px;opacity:1;}
#footerSocial li:hover {  border:1px solid #d5a809; cursor:pointer;opacity:1}
#footerSocial li a img { width:30px; height: 30px; mix-blend-mode: color-dodge; border:1px solid #ffffff; border-radius: 50px; opacity: 0.8; }



/* DESKTOP > 1600 */
@media all and (min-width: 1600px) {
  
  
}


/* DESKTOP 1300-1400 */
@media (min-width: 1300px) and (max-width: 1600px) {
    #donateButton{font-size:.75em}
     #topNav li{font-size:.75em}

}

/* DESKTOP 1200-1300 */
@media (min-width: 1200px) and (max-width: 1300px) {
    #donateButton{font-size:.7em}
     #topNav li{font-size:.7em}
}


/* DESKTOP 1100-1200 */
@media (min-width: 1100px) and (max-width: 1200px) {
    #donateButton{font-size:.65em}
     #topNav li{font-size:.65em; padding:15px 7px;}

     #postevent div {width:18%; font-size:18px; line-height:1;}
     #postevent img {width:auto; height:120px;}
}

/* DESKTOP 1000-1100 */
@media (min-width: 1000px) and (max-width: 1100px) {
    #donateButton{font-size:.6em}
    #topNav {width: 85%;}
     #topNav li{font-size:.8em; padding:5px 25px;}

     .h1{font-size:3.5em; }
     #about .h1, #covid-protocols .h1 {font-size:3em;}
     h1 img {margin-top:-40px;}
     #about h1 img {top:0px;}
     h2{font-size:2em; }
     #postevent div {width:18%; font-size:16px; line-height:1;}
     #postevent img {width:auto; height:80px;}

}

/* DESKTOP 900-1000 */
@media (min-width: 900px) and (max-width: 1000px) {
    #donateButton{font-size:.75em}
    #topNav {width: 85%;}
     #topNav li{font-size:.75em; padding:5px 18px;}
     #home {min-height: 850px;}
     .h1{font-size:3.5em; }
     #about .h1, #knowbefore .h1, #diversesuppliers .h1 {font-size:3em;}
     h2{font-size:2em; }
     .clouds {top:-100px;}
     @keyframes animationcloud {0% {top:-200px;opacity:0} 100%{top:-100px; opacity:1}}
     .moderators .speakerRight {width:65%;}
     #postevent div {width:18%; font-size:16px; line-height:1;}
     #postevent img {width:auto; height:80px;}

}

/* DESKTOP 800-900 */
@media (min-width: 800px) and (max-width: 900px) {
    body {font-size: 17px;}
    #donateButton{font-size:.7em}
    #topNav {width: 85%;}
     #topNav li{font-size:.7em; padding:5px 18px;}
     #home, .section {min-height: 800px;}
     .clouds {top:-100px;}
     @keyframes animationcloud {0% {top:-200px;opacity:0} 100%{top:-100px; opacity:1}}

     .h1{font-size:3em; }
     #about .h1, #knowbefore .h1, #diversesuppliers .h1 {font-size:2.5em;}
     h1 img {margin-top:-40px;}
     #about h1 img {top:-25px;}
     h2{font-size:1.8em; }
     .speaker {width:48%;}
     .moderators .speakerRight {width:60%;}
     #postevent div {width:18%; font-size:16px; line-height:1;}
     #postevent img {width:auto; height:80px;}
}
/* DESKTOP 700-800 */
@media (min-width: 700px) and (max-width: 800px) {
    body {font-size: 16px;}
    #donateButton{font-size:.65em}
    #topNav {width: 85%;}
     #topNav li{font-size:.65em; padding:5px 18px;}
     #home, .section {min-height: 650px;}
     .clouds {top:-150px;}
     @keyframes animationcloud {0% {top:-200px;opacity:0} 100%{top:-150px; opacity:1}}
     #home {min-height: 750px;}
     .h1{font-size:3em; margin:10px;}
     #about .h1, #knowbefore .h1, #diversesuppliers .h1 {font-size:2.5em;}
     h1 img {margin-top:-40px;}
     #about h1 img {top:-25px;}
     h2{font-size:1.8em; }
     .speaker {width:48%;}
     .moderators .speakerRight {width:60%;}
          #postevent div {width:30%; font-size:14px; line-height:1;}
     #postevent img {width:auto; height:50px;}
     #postevent div {width:18%; font-size:16px; line-height:1;}
     #postevent img {width:auto; height:80px;}
}
/* DESKTOP 600-700 */
@media (min-width: 600px) and (max-width: 700px) {
    body {font-size: 15px;}
    #donateButton{font-size:.7em}
    #topNav {width: 85%;}
     #topNav li{font-size:.7em; padding:5px 10px;}
     .clouds {top:-180px;}
     @keyframes animationcloud {0% {top:-200px;opacity:0} 100%{top:-180px; opacity:1}}
     #home, .section {min-height: 600px;}
     .h1{font-size:2.5em; margin:10px; }
     #about .h1, #knowbefore .h1, #diversesuppliers .h1 {font-size:2em;}
     h1 img {margin-top:-40px;}
     #about h1 img {top:-10px;}
     h2{font-size:2em; }
     #supporters h2  {font-size: 2.5em;}
     .speaker {width:48%;}
     .moderators .speakerRight {width:60%;}
     #postevent div {width:24%; font-size:18px; line-height:1;}
     #postevent img {width:auto; height:50px;}

}

/* DESKTOP 500-600 */
@media (min-width: 500px) and (max-width: 600px) {
    body {font-size: 14px;}
    #donateButton{font-size:.8em}
    #topNav {width: 100%;}
     #topNav li{font-size:.8em; padding:5px 5px;}
     .clouds {top:-240px;}
     @keyframes animationcloud {0% {top:-200px;opacity:0} 100%{top:-240px; opacity:1}}
     #home, .section {min-height: 570px;}
     .h1{font-size:2.5em; margin:0; }
     #about .h1, #knowbefore .h1, #diversesuppliers .h1 {font-size:1.8em;}
     h1 img {margin-top:-40px;}
     #about h1 img {top:-10px;}
     h2{font-size:1.2em; }
     #supporters h2  {font-size: 2.5em;}
     .supportercontainer {width:90%;}
     #activitiesnavigation li {display: block; width:90%; margin:2px auto; font-size: 1em;}
     .speaker {width:48%;}
     .moderators .speakerRight {width:60%;}
     #postevent div {width:30%; font-size:14px; line-height:1;}
     #postevent img {width:auto; height:50px;}
}

/* DESKTOP 0-500 */
@media (min-width: 0px) and (max-width: 500px) {
    body {font-size: 12px;}
    #donateButton{font-size:.8em}
    #topNav {width: 100%;}
     #topNav li{font-size:.8em; padding:5px 5px;}
     .clouds {top:-200px;}
     @keyframes animationcloud {0% {top:-200px;opacity:0} 100%{top:-200px; opacity:1}}
     #home {min-height: 570px;}
     #homesports {flex-wrap: wrap;}
    #homesports img {width:20%;}
     .h1{font-size:1.8em; margin:0; }
     h1 img {margin-top:-10px;}
     #about .h1, #knowbefore .h1 , #diversesuppliers .h1 {font-size:1.4em;}
     #about h1 img {top:-20px;}
     h2{font-size:1.2em; }
     #supporters h2 {font-size:1.8em; width:100%; padding:5px 0;}
     .supportercontainer {padding:0;}
     #activitiesnavigation li {display: block; width:90%; margin:2px auto; font-size: 1em;}
     .moderators .speaker,.speaker {width:90%; text-align: left;}
     .speakerLeft img {width:70%; max-width: 250px; margin:0 auto; display:block;}
     .moderators .speakerRight {width:60%;}

     #postevent div {width:30%; font-size:14px; line-height:1;}
     #postevent img {width:auto; height:50px;}
     


}


#pdf .section, #pdf nav, #pdf #footer, #pdf #backgroundImage, #pdf h1, #pdf h2, #pdf #activitiesnavigation, #pdf .venuelayout , #pdf .activitieslogos, #pdf p, #pdf ul, #pdf .time , #pdf .meditation{display: none;}
#pdf {background: none !important}
#pdf #activities, #pdf .mbe-mod {display: block;}