/*Global Styles*/
* {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
}
body {
	text-align: center;
	font-family:'arial';
  font-size:1em;
  letter-spacing:.05em;
  color:#4D4455;
}
a:hover,a:link,a:visited {
	text-decoration:none;
  padding:5px 10px;
  color:#4D4455;
  display:inline-block;
}
h1, .h1 {
  font-size:2.5em;
}
h2, .h2 {
  font-size:1.5em;
}
p {
  font-size:1.2em;
}
ul {
  display:block;
  height:auto;
}
li {
	list-style-type:none;
  list-style-position: inside;
}
img {
  width:100%;
  display:block;
  margin:0 auto;
}

/*Form Styles*/
input:not([type="submit"]), textarea {
  padding:10px;
  text-align:left;
  border:1px solid #ccc;
  width:100%;
  resize:none;
}
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

[class*="col-"] {
    float: left;
    text-align: center;
}
nav, #mobile-nav {
  position:fixed;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  width:100%;
  background-color:rgba(70,60,80,.9);
  background:linear-gradient(rgba(70,60,80,.9), rgba(60,50,70,.9));
  padding:.5em 5em;
  z-index:2;
}
#mobile-nav {
  display:none;
}
nav img, #mobile-nav img {
  width:80px;
  float: left;
}
nav p, #mobile-nav p {
  float: left;
  color:#fff;
  font-weight:bold;
  padding-top:0px;
  padding-left:10px;
  text-align:left;
  font-size:1em;
}
nav ul {
  display:grid;
  grid-template-columns:repeat(6, 1fr);
  align-items:center;
}
nav a, nav a:link, nav a:visited  {
  color:#fff;
  display:inline-block;
  margin:0 auto;
  font-size:.8em;
  font-weight:bold;
  position:relative;
  text-align:center;
}
.link-hover {
  height:2px;
  background-color:#faa710;
  position:absolute;
  width:100%;
  left:0;
  opacity:0;
  bottom:-10px;
  -webkit-transition: all .5s ease;;
  -o-transition: all .5s ease;;
  transition: all .5s ease;;
}
nav a:hover .link-hover, nav a:link:hover .link-hover {
  opacity:1;
  bottom:0;
}
video {
  background-color:#fff;
  width:100%;
}
#mobile-nav {
  grid-template-columns:1fr;
  padding:0;
}
#mobile-nav > div {
  width:100%;
}
#mobile-nav > div:first-of-type {
  padding:10px;
}
#mobile-nav ul {
  display:none;
  background-color:rgba(255,255,255,.8);
  opacity:0;
  -webkit-transition: all ease .3s;
  -o-transition: all ease .3s;
  transition: all ease .3s;
}
#mobile-nav ul li {
  padding:5px 0;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
#mobile-nav ul li:hover {
  background-color:#faa710;
}
#mobile-nav ul li:hover a:link {
  color:#fff;
}
#mobile-nav input {
  position:absolute;
  width:50px;
  height:50px;
  right:10px;
  top:10px;
  border:none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
#mobile-nav > div:last-of-type img {
  position:absolute;
  width:30px;
  height:20px;
  right:20px;
  top:30px;
}
#mobile-nav input:hover {
  cursor:pointer;
}
#mobile-nav input:focus {
  border:none;
}
#mobile-nav input[value="open"] {
  z-index:2;
}
#mobile-nav input[name="toggle"]:checked {
  z-index:0;
}
#mobile-nav input[value="open"]:checked ~ ul {
  display:block;
  opacity:1;
}
#mobile-nav input[value="close"]:checked ~ ul {
  display:none;
}

/*Colors*/
.white { color:#fff; }
.yellow { color:#faa710; }
.purple { color:#4D4455; }
.b-purple { background-color: #4d4455; color:#fff; }
.b-yellow { background-color: #faa710; color:#fff; }

/*Alignment and Positioning*/

.t-left { text-align:left; }
.pad { padding:50px 0; }
.margin { margin:20px 0; }
.f-left { float:left; }
.f-right { float:right; }
.right { right:0; }
.left { left:0; }
.bold { font-weight:bold; }

.flash {
	padding:20px;
	grid-column:1/3;
	background-color:#fff;
	top:0;
	left:0;
	color:#4d4455;
}
.error {
	background-color:rgba(220,100,100,1);
	color:#fff;
}
input.error::placeholder {
	color:#fff;
}

/*CSS Grid Ruleset*/

.gc {
  display:grid;
  grid-template-columns: repeat(6, 1fr);
  align-items:center;
}
.ge {
  grid-column:1/6;
}
.gap {
  grid-gap:50px;
}
.full {
  grid-column:1/7;
}
.half {
  grid-column:1/4;
}
.section {
  grid-column:1/7;
  min-height:768px;
  position:relative;
}
.content {
  grid-column:2/6;
}
.section-bg {
  width:100%;
  min-height:768px;
  height:100%;
  position:absolute;
  z-index:-1;
  background-attachment: scroll;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
a.btn, input.btn {
  background-color:#faa710;
  font-size:1.2em;
  border-radius:10px;
  padding:15px 20px;
  min-width:200px;
  color:#4D4455;
  -webkit-transition: all .3s ease;;
  -o-transition: all .3s ease;;
  transition: all .3s ease;;
}
a.btn:hover, input.btn:hover {
  background-color:#e2dfe4;
}
#section-a {
  background-color:rgba(0,0,0,.6);
  color:#fff;
  padding:8em 0;
}
#section-a .content {
  padding:0 15%;
}
#section-a .section-bg {
  background-image:url('../images/dibs-2017-panorama.jpg');
  opacity:.8;
}
#section-a .col-6 h1:first-child {
  margin-top:9%;
}
#section-a a:first-of-type {
  margin-right:10px;
  min-width:250px;
}
#section-a h3.col-12 {
	font-size:1.7em;
}
#section-b .section-bg {
  background-image:url('../images/section-b-bg.jpg');
}
#section-b h2:first-of-type {
  font-size:4em;
}
#section-b h2:last-of-type {
  font-size:3em;
  margin-bottom:10px;
}
#section-d .section-bg, #sponsorship .section-bg {
  background-image:url('../images/dibs-sponsorship.jpg');
  opacity:1;
}
#section-f {
  background-color:rgba(70,60,80,.3);
}
#section-f .section-bg {
  background-image:url('../images/dibs-conference-room.jpg');
  opacity:.8;
}
#section-b .content {
  grid-column:2/4;
}
#section-c .content {
  grid-template-columns:repeat(2, 1fr);
  grid-column:1/7;
  align-items: end;
  grid-gap:100px;
  padding:0 100px;
}
#section-c .content > div iframe {
  width:100%;
  display:block;
  overflow:visible;
  min-height:240px;
}
#section-d .content {
  grid-column:2/4;
  padding:3em 3em 6em 3em;
  border-top:3px solid #faa710;
  background:linear-gradient(rgba(123, 116, 129, 1), rgba(123, 116, 129, .9), rgba(89,81,96,0));
}
#section-d ul li {
  font-size:1.2em;
  list-style-type:circle;
  margin-top:10px;
}
#section-d h1 {
  font-size:2em;
}
#section-d ul li, #section-d h1 {
  text-align:left;
  color:#fff;
}
.countdown {
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  padding:0 50px;
}
.countdown > div {
  padding:0;
}
.countdown span {
  width:100%;
  display:block;
}
.countdown h1 {
  font-size:4em;
  font-family: 'Montserrat', sans-serif;
  margin-top:20px;
}
.ticket-wrapper {
  grid-template-columns:repeat(3, 1fr);
  align-items:end;
  position:relative;
}
.ticket-wrapper div {
  border-top:3px solid #faa710;
  background:linear-gradient(#7b7481, rgba(89,81,96,0));
  padding-bottom:50px;
}
.ticket-wrapper > span {
  position:relative;
}
.ticket-wrapper > span img {
  width:50%;
}
.ticket-wrapper span h2 {
  text-align:center;
  margin-top:20px;
  width:100%;
	font-size:2em;
	font-weight: bold;
}
.ticket-wrapper h3 {
	font-size:1.2em;
	font-weight:bold;
}
.ticket-wrapper li {
  text-align:left;
  margin:10px 0;
  list-style-type:circle;
}
.ticket-wrapper ul {
  display:inline-block;
  height:auto;
  min-height:400px;
}
.ticket-wrapper span:nth-of-type(even) ul {
  min-height:500px;
}
.sold-out {
	position:absolute;
	width:100%;
	height:100%;
	text-align:center;
	background:transparent;
	background-color:transparent;
	background-image:none;
	left:0;
}
.sold-out img {
	margin:50% auto;
	width:80%;
}
.payment-method {
	text-align:left;
	padding:10px 0;
	color:#fff;
}
.payment-method > div {
	position:relative;
	padding:10px;
}
.payment-method input {
	width:100%;
	height:100%;
	display:inline-block;
	position:absolute;
	left:0;
	top:0;
	-webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
	border:none;
}
.payment-method input:focus {
	border:none;
}
.payment-method input:checked ~ p {
	background-color:green;
}
.payment-method > div p {
	border:1px solid #ddd;
	color:#fff;
	padding:10px;
	background-color:#ccc;
}
#section-f .content {
  grid-column:1/7;
}
#section-f .countdown h1 {
  font-size:5em;
  font-weight:bold;
}
#section-f .countdown h2 {
  font-size:1.5em;
  color:#fff;
  font-weight:bold;
}
#section-g ul {
  grid-template-columns:repeat(3, 1fr);
  grid-gap:60px;
  align-items:start;
}
#section-g li {
	position:relative;
}
#section-g li .play-btn:hover {
	cursor:pointer;
}
#section-g li:hover #play-btn {
	transform:rotate(90deg);
}
#section-h ul img {
  width:100%;
}
#section-g h2 {
  padding:10px 0;
  font-size:1.2em;
  font-weight:bold;
}
#section-g p {
    margin-bottom:10px;
}
#section-g  li p {
  font-style:italic;
  color:#888;
  font-size:1em;
  padding:0 10px;
}
#section-h ul {
  grid-template-columns:repeat(4, 1fr);
  grid-gap:100px;
  align-items:center;
}
#section-h li {
  min-height:50px;
}
#section-h ul img {
  filter:grayscale(100%);
  -webkit-transition: all ease .3s;;
  -o-transition: all ease .3s;;
  transition: all ease .3s;;
}
#section-h ul img:hover {
  filter:grayscale(0%);
  -webkit-transform:scale(1.1);
  -ms-transform:scale(1.1);
  transform:scale(1.1);
}
#section-i .col-6 {
  padding:20px 0;
  -webkit-transition: transform .5s ease;;
  -o-transition: transform .5s ease;;
  transition: transform .5s ease;;
}
#section-i .col-6:hover {
  -webkit-transform: translateY(-10%);;
  -ms-transform: translateY(-10%);;
  transform: translateY(-10%);;
}
#section-i {
  position:relative;
}
.br-yellow {
  border-right:1px solid #faa710;
}
.bl-yellow {
  border-left:1px solid #faa710;
}
#section-i .line-through {
  border-right:1px solid #faa710;
  position:absolute;
  width:1px;
  height:82%;
  left:50%;
  top:11%;
}
.activity {
  width:80%;
  -webkit-transition: background-color .5s ease;;
  -o-transition: background-color .5s ease;;
  transition: background-color .5s ease;;
  padding:15px;
}
#section-i .content > p {
  padding:20px 0;
  margin:20px 0;
  color:#4D4455;
  font-weight:bold;
}
.activity p:last-child {
  font-size:.8em;
  margin-top:5px;
}
.activity-link {
  width:20%;
  height:100%;
  position:relative;
}
.activity-link div {
  height:1px;
  width:100%;
  position:absolute;
  margin-top:40%;
}
.activity.f-left {
  border-right:5px solid #faa710;
  background:linear-gradient(90deg, rgba(89,81,96,0), #7b7481);
  text-align:right;
}
.activity.f-right {
  border-left:5px solid #faa710;
  background:linear-gradient(90deg, #7b7481, rgba(89,81,96,0));
  text-align:left;
}
#section-j .col-6 {
  padding:20px;
}
#section-j .col-6 h2 {
  padding:10px 0;
}
#section-j .col-6 p {
  font-size:1.1em;
  text-align:justify;
}
#section-k .section-bg {
  background-image:url('../images/section-k-bg.jpg');
}
#section-k .content {
  grid-column:2/4;
}
#section-k a {
  background-color:#4d4455;
  color:#fff;
}
#section-k a:hover {
  background-color:#fff;
  color:#4d4455;
}
#section-l p {
  font-size:1em;
  margin-top:10px;
}
#section-l ul li {
  list-style-type:circle;
  text-align:left;
  padding-top:5px;
  color:#fff;
}
#section-l .col-7 {
  margin-top:100px;
}
#section-l img {
  position:relative;
  width:50%;
}
#section-l img:nth-child(2) {
  margin-top:-20px;
  box-shadow:0px 5px 15px rgba(20,0,50,.5);
  z-index:1;
}
#section-m {
  background-color:rgba(70,60,80,.6);
  color:#fff;
}
#section-m .section-bg {
  background-image:url('../images/section-m-bg.jpg');
  opacity:.8;
}
#section-m h2 {
  font-size:3em;
  font-style:oblique;
}
#section-m .col-4 {
  padding-left:20px;
  margin-bottom:20px;
}
#section-m .col-4:first-of-type {
  padding-left:0;
}
#section-n .section-bg {
  background-image:url('../images/section-n-bg.jpg');
  opacity:.5;
}
#section-n .content {
  grid-column:2/4;
}
#section-n a {
  padding:0;
  font-weight:bold;
}
#section-o {
  position:relative;
  color:#fff;
}
#section-o .content {
  grid-template-columns:repeat(2, 1fr);
  align-items:center;
}
#section-o form {
	width:100%;
  padding:40px;
  background:linear-gradient(#7b7481, rgba(89,81,96,0));
  border-top:5px solid #faa710;
}
#section-o form input:not([type="submit"]) {
  background-color:transparent;
  border-width:0 0 1px 0;
  color:#fff;
  margin-bottom:10px;
}
#section-o form input::placeholder, #section-o form textarea::placeholder {
  opacity:1;
  color:#fff;
}
#section-o form input::-webkit-placeholder, #section-o form textarea::-webkit-placeholder {
  opacity:1;
  color:#fff;
}
#section-o form input::-moz-placeholder, #section-o form textarea::-moz-placeholder {
  opacity:1;
  color:#fff;
}
#section-o form input:-ms-input-placeholder, #section-o form textarea:-ms-input-placeholder {
  opacity:1;
  color:#fff;
}
#section-o form textarea {
  background-color:transparent;
  border:none;
  border-bottom:1px solid #fff;
  margin-top:10px;
	color:#fff;
}
#section-o .content > div {
  padding:0 50px;
  margin-top:-30%;
}
#section-o .content > div p {
  color:#888;
  font-size:1em;
}
#section-o a {
  color:#888;
  font-weight:bold;
  padding-left:0
}

footer .content {
  grid-template-columns:repeat(4, 1fr);
  grid-gap:50px;
  justify-items:center;
  align-items:start;
  padding:100px 0;
}
footer .content h2 {
  font-weight:bold;
  font-size:1.2em;
  border-bottom:1px solid #4D4455;
  text-align:left;
}
footer .content li {
  text-align:left;
}
footer p {
  background-color:#ddd;
  font-size:.8em;
  padding:15px 0;
  color:#4D4455;
}

/*Subpage Styles*/
#sponsorship {
	padding-top:100px;
}
#sponsorship .content {
	grid-template-columns:repeat(6, 1fr);
}
#sponsorship .content form {
	background-color:rgba(200,200,200,.9);
	padding:20px;
	grid-column:1/7;
}
#sponsorship .content form div {
	padding:10px;
	position:relative;
}
#sponsorship .content form input {
	float:left;
	display:inline-block;
}
#ico-listing-header {
	background-color:#4f4455;
	color:#fff;
	padding-top:120px;
	grid-template-columns:1fr;
	position:relative;
}
#ico-listing-header > img {
	width:100%;
	position:absolute;
}
#ico-listing-header > div {
	z-index:1;
	margin-top:-300px;
}
#ico-listing .content {
	grid-column:2/6;
}
.column-label {
	border:1px solid #4f4455;
}
#ico-listing .column-label {
	display:grid;
	grid-template-columns:repeat(8, 1fr);
}
#ico-listing .column-label > p {
	font-size:.8em;
	padding:10px;
	background-color:rgba(255,255,255,1);
	color:#4f4455;
	border-right:1px solid #4f4455;
}
#ico-listing .column-label > p:first-child {
	grid-column:1/3;
}
#ico-listing .column-label > p:last-child {
	border-right:0;
}
nav#ico-nav {
	background:none;
	background-color:#4f4455;
	align-items:center;
}
#ico-nav img {
	width:250px;
}
#ico-nav .col-6 {
	width:100%;
}
#ico-nav .col-6 ul {
	float: right;
	display:block;
}
#ico-nav .col-6 ul li {
	display:inline-block;
}
#ico-nav .col-6 ul li a:link {
}
#ico-listing .content > ul > li {
	display:inline-block;
	padding:10px;
}
#ico-listing .content > ul > li a {
	text-align:center;
	color:#fff;
	border-bottom:3px solid #faa710;
}
.list {

}
#influencer-listing li.gc {
	grid-template-columns:repeat(7, 1fr);
}
.list li.gc {
	grid-template-columns:repeat(8, 1fr);
	margin-bottom:1px;
	background:linear-gradient(90deg, rgba(123, 116, 129, .9), rgba(89,81,96,0));
	min-height:50px;
	align-items:center;
}
.list li.gc p {
	font-size:.8em;
}
.list li.gc .ico-details {
	grid-column:1/3;
}
.list li.gc .ico-details div {
	padding:10px;
}
.list li.gc .ico-details a {
	font-size:.8em;
	color:#fff;
	padding:0;
}
.list li.gc .ico-span {
	grid-column:4/6;
	position:relative;
	font-size:.8em;
}
.list li.gc .back-ico a {
	color:#fff;
	font-size:.8em;
	background-color:#faa710;
}
#ico-listing li.gc div.ico-period {
	background-color:#eee;
	height:3px;
	width:80%;
	position:absolute;
	top:-10px;
	margin-left:10%;
}
#ico-listing li.gc div.bar {
	position:absolute;
	height:3px;
	background-color:#faa710;
	top:0;
	left:0;
}.
.ico-status {
	font-size:.8em;
}
.list li.gc a {
	float:left;
}
.list li.gc a img {
	width:25px;
	float: left;
}
.list li.gc div p {
	float:left;
	margin-top:5px;
}
#ticket-sales {
	padding-top:40px;
	align-self:start;
	align-items:start;
}
#ticket-sales div.content > .col-10 {
	background-color:rgba(250,250,250,1);
}
#ticket-sales div.col-12:first-child {
	background-color:#eee;
	margin-bottom:20px;
}
#ticket-sales div.col-12 {
	padding:10px 20px;
	position:relative;
}
#ticket-sales div.col-10 {
	border:1px solid #ccc;
}
#ticket-sales div.col-6 > input {
	width:100%;
}
#ticket-sales div.col-6 {
	padding:10px;
}
#ticket-sales input[type="submit"] {
	margin:20px 0;
}
#quantity {
	width:100px;
	position: absolute;
	right:20px;
	padding:20px;
	top:40px;
}
#quantity input {
	float:left;
	width:50px;
}
div.plus {
	width:25px;
	float:left;
}
#ticket-sales form select {
	padding:10px 20px;
	font-size:1em;
	text-align: center;
	border:1px solid #ccc;
	width:100%;
}
#ticket-sales form select option {
	font-size:1em;
}
#sponsor {
	background-color:rgba(70,60,80,.5);
	height:100%;
	width:100%;
	padding:50px 0;
}
#sponsor .section-bg {
	position:absolute;
  background-image:url('http://www.dibs.ae/partials/images/mountaintop.jpg');
  opacity:.8;
	top:-40%;
}
.sponsor-package {
	width:50%;
	margin-left:25%;
}
#sponsor .content {
	grid-template-columns:repeat(2, 1fr);
	grid-gap:200px;
	align-items:start;
}
#sponsor .content > div {
	background-color:#fff;
}
#sponsor .content div > span {
	display:block;
	padding:20px;
}
#sponsor .content div span h2 {
	color:#fff;
}
#sponsor .content > div > span:first-child {
	background-color:#463c50;
}
#sponsor .content ul {
	text-align:center;
	display:block;
}
#sponsor .content ul li {
	width:70%;
	text-align:left;
	margin-left:15%;
	font-size:1.2em;
	margin-bottom:5px;
	list-style-type:circle;
	float:none;
}
#sponsor .countdown {
	margin:30px 0;
}
#sponsor input {
	margin-bottom:20px;
}
.red {
	color:red;
}
.spad {
	padding:10px;
}
.play-btn {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
#play-btn {
	width:50px;
	position:absolute;
	top:10px;
	left:10px;
	opacity:1;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
#video-player {
	width:100%;
	height:100%;
	position:fixed;
	padding-top:100px;
	top:0;
	z-index:2;
	text-align: center;
	background-color:rgba(0,0,0,.5);
}
#video-player .iframe-wrapper {
	width:40%;
	height:350px;
	border:1px solid #eee;
	display:block;
	margin:0 auto;
	padding:20px;
	background-color:rgba(240,240,240,1);
	position:relative;
}
#video-player .iframe-wrapper iframe{
	width:100%;
	height:100%;
}
#close-btn {
	position:absolute;
	right:10px;
	top:5px;
	cursor:pointer;
	background-color:#e8b601;
	width:20px;
	height:20px;
	text-align:center;
}
.hero-section {
	width:100%;
	text-align:center;
	position:relative;
}
.hero-section img {
	opacity:.5;
}
.hero-section span {
	position: absolute;
	width:80%;
	display:block;
	margin:0 auto;
	left:10%;
	top:30%;
	color:#fff;
}
.mbtm {
	padding-bottom:50px;
}
#sponsor-page ul {
	height:auto;
	display:inline-block;
}
#sponsor-page ul li {
	float:left;
	padding:20px;
	text-align:left;
}
#sponsor-page div.list:first-of-type {
	border:1px solid #eee;
	margin:50px 0;
	background-color:#eee;
}
#sponsor-page div.list:first-of-type ul li {
	width:50%;
}
#sponsor-page div.list:last-of-type .ul-wrap {
	width:33%;
	float: left;
}
#sponsor-page div.list:last-of-type .ul-wrap h2 {
    margin: 10px 0;
    text-align: left;
}
#sponsor-page div.list:last-of-type ul li {
	width:100%;
	list-style-type:circle;
	margin-bottom:5px;
	padding:0;
	color:#666;
}
#sponsor-page ul h2,
#sponsor-page ul .h2{
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:10px;
	text-align:left;
}
#sponsor-page ul li p {
	font-size:1em;
	color:#666;
}
#toc .content, #ticket-sales .content {
	padding-top:100px;
}
#toc ul {
	text-align:left;
	margin-top:50px;
}
#toc li {
	margin-bottom:20px;
}
#toc h3 {
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:10px;
}
#toc p {
	font-size:1em;
	color:#666;
}

@media only screen and (max-width: 768px) {
    /* For Mobile: */
    h1 {
      font-size:2em;
    }
    h2 {
      font-size:1em;
    }
    p {
      font-size:.9em;
    }
    [class*="col-"] {
        width:100%;
    }
    #desktop-nav, #section-i .line-through {
      display:none;
    }
    #mobile-nav {
      display:grid;
    }
    .gc {
      grid-template-columns:1fr;
    }
    .section {
      min-height:600px;
    }
    .section-bg {
      min-height:600px;
    }
    .content {
      grid-column:1/7;
      padding:40px 20px;
    }
    .content {
      grid-template-columns:repeat(2 1fr);
    }
    #section-a {
      align-items:center;
    }
    #section-a .content {
      padding:0;
      text-align:center;
    }
    #section-a [class*="col-"] {
      width:100%;
      margin:10px 0;
      padding:0;
      text-align:center;
    }
    #section-a .col-6 img {
      width:50%;
      margin:0 auto;
    }
    #section-a .col-6 h1 {
      text-align:center;
      padding:0;
      padding-left:0;
    }
    #section-a .countdown {
      grid-column:1/5;
      padding:0 30px;
    }
    #section-a .countdown h1 {
      font-size:2em;
    }
		#section-a a:first-child {
			margin-left:10px;
		}
    #section-a a {
      display:inline-block;
      margin-top:20px;
      text-align:center;
			width:260px;
    }
    #section-a .col-6 h1:first-child {
      margin-top:0;
    }
		#section-b p {
			width:80%;
		}
    #section-f .countdown {
      grid-template-columns:1fr;
      padding:0 50px;
    }
    #section-c .content {
      grid-template-columns:1fr;
      grid-gap:50px;
      padding:50px 20px;
    }
    #section-e .content > p {
      padding:0 40px;
    }
    .pad { padding:10px 0; }
		#section-h ul {
      grid-template-columns:repeat(2, 1fr);
      grid-gap:40px 20px;
      align-items:start;
      padding:20px;
    }
    #section-g ul {
      grid-template-columns:repeat(2, 1fr);
      grid-gap:40px 5px;
      align-items:start;
      padding:10px;
    }
		#section-g ul li img {
			max-width:120px;
		}
		#section-g ul li p {
			font-size:.8em;
		}
    #section-o form {
      position:relative;
      width:100%;
      margin-bottom:50px;
			padding:10px;
    }
    #section-o .content {
      grid-template-columns:1fr;
			padding:0;
    }
    #section-o .content > div {
      grid-column:1/7;
      margin:0;
			padding:10px;
    }
		#section-o .content > div h2 {
		  font-size:1.4em;
		}
		#section-o .content > div p {
		  color:#888;
		  font-size:1.3em;
		}
    #section-e .ticket-wrapper {
      padding:0 40px;
    }
		#section-e .ticket-wrapper h2 {
      top:25px;
    }
		.ticket-wrapper ul {
		  padding:50px 20px;
		}
    footer .content {
      grid-template-columns:1fr 1fr;
      align-items:start;
      justify-items:left;
      padding:20px;
      grid-gap:20px;
    }
		footer .content > div:last-of-type {
			align-self:end;
		}
		#section-b, #section-d {
			align-items:stretch;
		}
    #section-b .section-bg {
      background-position:60%;
    }
		#section-b .content {
		  background-color:rgba(255,255,255,.5);
		}
    #section-n .section-bg, #section-m .section-bg, #section-k .section-bg, #section-d .section-bg {
      background-position:right;
    }
		#section-b h2:first-of-type {
		  font-size:2em;
		}
		#section-b h2:last-of-type {
		  font-size:1.5em;
		  margin-bottom:10px;
		}
		#section-d ul li {
		  font-size:.9em;
		}
		#ico-listing li.gc {
			grid-template-columns:1fr;
		}
		#sponsor {
			padding:0;
		}
		#sponsor .content {
			grid-template-columns:1fr;
			grid-gap:50px;
		}
		#sponsor .content ul li {
			width:100%;
			font-size:1.3em;
			margin:0 5%;
		}
		#sponsor .countdown {
			margin:20px 0;
		}
		#sponsor .countdown p {
			font-size:1.2em;
		}
		.sponsor-package {
			width:100%;
			margin-left:0;
		}
		#play-btn {
			width:30px;
			position:absolute;
			top:20%;
			left:40%;
		}
		#video-player .iframe-wrapper {
			width:100%;
		}
		#sponsor-page div.list:last-of-type .ul-wrap, #sponsor-page div.list:first-of-type ul li {
			width:100%;
		}
}

#desktop-nav {
    text-transform: uppercase;
}

.news,
.blog {
    grid-column: 1/7;
}

.inner-page .news,
.inner-page .blog {
    margin: 40px 0;
}

.news ul,
.blog ul {
    display: flex;
    flex-wrap: wrap;
}

.blog h2 {
    font-size: 2.5em;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    margin-bottom: 20px;
}

.news ul li,
.blog ul li{
    display: flex;
    text-align: left;
    width: 50%;
    padding: 20px;
}

.blog ul li,
.news ul li{
    margin: 20px;
    width: calc(50% - 40px);
}

.n_img,
.b_img {
    margin-right: 20px;
    max-width: 150px;
    max-height: 150px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.n_date,
.b_date {
    padding: 0 10px 5px 0;
    font-size: 0.8em;
    color: #999;
}

.n_title,
.b_title{
    padding-left: 0 !important;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 0px;
    letter-spacing: .05em;
    color: #4D4455;
}

.n_content,
.b_content {
    font-size: 1em;
    color: #666;
    font-style: normal;
    padding-left: 0 !important;
}

.n_content p,
.b_content p{
    font-style: normal !important;
    font-size: 1em;
    line-height: 1.5;
    color: #555 !important;
    padding-top: 5px !important;
}

.inner-page .section {
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    padding-top: 150px;
    max-width: 1000px;
    min-height: 768px;
    position: relative;
}
.inner-page h1 {
    margin-bottom: 20px;
}

.inner-page .content p{
    font-size: 1em;
    line-height: 1.5;
    color: #555 !important;
    padding-left: 0 !important;
	text-align: left;
}

.gc.section.b-purple {
    padding: 40px 0;
}
/*Common Breakpoints
smaller than or equal to 768 px (smartphones)
larger than 768 px (small devices, tablets)
larger than 992 px (medium devices)
larger than 1200px (large devices)
*/


.inner-page .content > h1,
.inner-page .content > h2,
.inner-page .content > h3,
.inner-page .content > h4,
.inner-page .content > h5,
.inner-page .content > h6{
	margin: 40px 0 20px 0;
}

.inner-page .content ul{
	text-align: left;
	padding: 0 0 0 40px;
	margin: 15px 0;
	list-style: disc;
}
.inner-page .content ul li{
	margin: 0 0 5px 0;
	list-style: disc;
}
.inner-page .content a{
	display: inline;
	color: rgba(70,60,80,.9);
	text-decoration: underline;
	font-weight: bolder;
}
.inner-page .content a:hover{
	text-decoration: none;
}
.inner-page footer .content a{
	text-decoration: none;
}