@font-face {
  font-family: 'Timeburner Regular';

  src: url('../fonts/timeburner-regular.eot');
  src: url('../fonts/timeburner-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/timeburner-regular.woff2') format('woff2'), url('../fonts/timeburner-regular.woff') format('woff'), url('../fonts/timeburner-regular.ttf') format('truetype'), url('../fonts/timeburner-regular.svg#timeburner_regular') format('svg');
}

@font-face {
  font-family: 'Timeburner Bold';

  src: url('../fonts/timeburner-bold.eot');
  src: url('../fonts/timeburner-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/timeburner-bold.woff2') format('woff2'), url('../fonts/timeburner-bold.woff') format('woff'), url('../fonts/timeburner-bold.ttf') format('truetype'), url('../fonts/timeburner-bold.svg#timeburner_bold') format('svg');
}

@font-face {
	font-family: 'Gotham Rounded Book';
	src: url('../fonts/GothamRounded-Book.eot');
	src: url('../fonts/GothamRounded-Book.eot?#iefix') format('embedded-opentype'), url('../fonts/GothamRounded-Book.woff2') format('woff2'), url('../fonts/GothamRounded-Book.woff') format('woff'), url('../fonts/GothamRounded-Book.ttf') format('truetype'), url('../fonts/GothamRounded-Book.svg#GothamRounded-Book') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Gotham Rounded';
	src: url('../fonts/GothamRounded-Medium.eot');
	src: url('../fonts/GothamRounded-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/GothamRounded-Medium.woff2') format('woff2'), url('../fonts/GothamRounded-Medium.woff') format('woff'), url('../fonts/GothamRounded-Medium.ttf') format('truetype'), url('../fonts/GothamRounded-Medium.svg#GothamRounded-Medium') format('svg');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Gotham Rounded';
	src: url('../fonts/GothamRounded-Light.eot');
	src: url('../fonts/GothamRounded-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/GothamRounded-Light.woff2') format('woff2'), url('../fonts/GothamRounded-Light.woff') format('woff'), url('../fonts/GothamRounded-Light.ttf') format('truetype'), url('../fonts/GothamRounded-Light.svg#GothamRounded-Light') format('svg');
	font-weight: 300;
	font-style: normal;
}

@font-face {
	font-family: 'Gotham Rounded';
	src: url('../fonts/GothamRounded-Bold.eot');
	src: url('../fonts/GothamRounded-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/GothamRounded-Bold.woff2') format('woff2'), url('../fonts/GothamRounded-Bold.woff') format('woff'), url('../fonts/GothamRounded-Bold.ttf') format('truetype'),  url('../fonts/GothamRounded-Bold.svg#GothamRounded-Bold') format('svg');
	font-weight: bold;
	font-style: normal;
}

html, body {
	height: 100%;
	width: 100%;
	padding: 0;
	margin: 0;
	background: #00add3 url(../images/BG.jpg) center center no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	font-family:'Timeburner Bold';
	color:#FFFFFF;
}
.container{
	height:100%;
}
.mcdlogo{
	margin-top:12%;
}
.meal{
	font-family: 'Gotham Rounded Book';
	position: absolute;
    bottom: 9%;
    left: 8%;
}
.meal span{
	color:#fecb32;
}
.sidebar{
	position: absolute;
    right: 3%;
    bottom: 7%;
}
.download-btns2{
	display:none;
}

@media only screen  and (max-width: 1920px) {
	.mcdlogo{
		margin-top:12%;
	}
	.mcdlogo img{
		width:420px;
	}
	.meal{
		font-size:36px;
	}
	.meal span{
		font-size:44px;
	}
	.meal img{
		width:263px;
	}
	.download-smiles-text{
		font-size: 45px;
		line-height: 60px;
		margin-bottom:20px;
	}
	.download-smiles-text span{
		font-size: 68px;
	}
	.download-app-text{
		font-size: 45px;
		line-height: 41px;
		color:#fecb32;
		margin-bottom:20px;
	}
	.download-app-text span{
		font-size: 30px;
	}
	.download-btns img{
		width:221px;
	}
}
@media only screen  and (max-width: 1600px) {
	.mcdlogo{
		margin-top:12%;
	}
	.mcdlogo img{
		width:336px;
	}
	.meal{
		font-size:28px;
	}
	.meal span{
		font-size:38px;
	}
	.meal img{
		width:210px;
	}
	.download-smiles-text{
		font-size: 36px;
		line-height: 48px;
		margin-bottom:16px;
	}
	.download-smiles-text span{
		font-size: 54px;
	}
	.download-app-text{
		font-size: 36px;
		line-height: 32px;
		color:#fecb32;
		margin-bottom:16px;
	}
	.download-app-text span{
		font-size: 24px;
	}
	.download-btns img{
		width:176px;
	}	
}
@media only screen  and (max-width: 1400px) {
	.mcdlogo{
		margin-top:12%;
	}
	.mcdlogo img{
		width:288px;
	}
	.meal{
		font-size:23px;
	}
	.meal span{
		font-size:33px;
	}
	.meal img{
		width:180px;
	}
	.download-smiles-text{
		font-size: 31px;
		line-height: 40px;
		margin-bottom:14px;
	}
	.download-smiles-text span{
		font-size: 46px;
	}
	.download-app-text{
		font-size: 31px;
		line-height: 28px;
		color:#fecb32;
		margin-bottom:14px;
	}
	.download-app-text span{
		font-size: 20.5px;
	}
	.download-btns img{
		width:151px;
	}	
}
@media only screen  and (max-width: 1366px) {
	.mcdlogo{
		margin-top:10%;
	}
	.mcdlogo img{
		width:281px;
	}
	.meal{
		font-size:22px;
	}
	.meal span{
		font-size:32px;
	}
	.meal img{
		width:176px;
	}
	.download-smiles-text{
		font-size: 31px;
		line-height: 40px;
		margin-bottom:13px;
	}
	.download-smiles-text span{
		font-size: 46px;
	}
	.download-app-text{
		font-size: 31px;
		line-height: 28px;
		color:#fecb32;
		margin-bottom:13px;
	}
	.download-app-text span{
		font-size: 20.5px;
	}
	.download-btns img{
		width:147px;
	}	
}
@media only screen  and (max-width: 1200px) {
	.mcdlogo{
		margin-top:12%;
	}
	.mcdlogo img{
		width:240px;
	}
	.meal{
		font-size:19px;
	}
	.meal span{
		font-size:29px;
	}
	.meal img{
		width:150px;
	}
	.download-smiles-text{
		font-size: 26px;
		line-height: 34px;
		margin-bottom:12px;
	}
	.download-smiles-text span{
		font-size: 29px;
	}
	.download-app-text{
		font-size: 26px;
		line-height: 22px;
		color:#fecb32;
		margin-bottom:12px;
	}
	.download-app-text span{
		font-size: 17px;
	}
	.download-btns img{
		width:126px;
	}
}
@media only screen and (max-width : 1024px) {
	.mcdlogo{
		margin-top:12%;
	}
	.mcdlogo img{
		width:200px;
	}
	.meal{
		font-size:15px;
	}
	.meal span{
		font-size:25px;
	}
	.meal img{
		width:124px;
	}
	.download-smiles-text{
		font-size: 22px;
		line-height: 28px;
		margin-bottom:10px;
	}
	.download-smiles-text span{
		font-size: 33px;
	}
	.download-app-text{
		font-size: 22px;
		line-height: 18px;
		color:#fecb32;
		margin-bottom:10px;
	}
	.download-app-text span{
		font-size: 14.6px;
	}
	.download-btns img{
		width:104px;
	}	
}
@media only screen and (max-width : 992px) {
	.mcdlogo{
		margin-top:12%;
	}
	.mcdlogo img{
		width:200px;
	}
	.meal{
		font-size:15px;
	}
	.meal span{
		font-size:25px;
	}
	.meal img{
		width:124px;
	}
	.download-smiles-text{
		font-size: 22px;
		line-height: 28px;
		margin-bottom:10px;
	}
	.download-smiles-text span{
		font-size: 33px;
	}
	.download-app-text{
		font-size: 22px;
		line-height: 18px;
		color:#fecb32;
		margin-bottom:10px;
	}
	.download-app-text span{
		font-size: 14.6px;
	}
	.download-btns img{
		width:104px;
	}
}
@media only screen and (max-width : 800px) {
	.mcdlogo{
		margin-top:12%;
	}
	.mcdlogo img{
		width:160px;
	}
	.meal{
		font-size:12px;
	}
	.meal span{
		font-size:22px;
	}
	.meal img{
		width:96px;
	}
	.download-smiles-text{
		font-size: 16px;
		line-height: 20px;
		margin-bottom:10px;
	}
	.download-smiles-text span{
		font-size: 24px;
	}
	.download-app-text{
		font-size: 16px;
		line-height: 13px;
		color:#fecb32;
		margin-bottom:10px;
	}
	.download-app-text span{
		font-size: 10.6px;
	}
	.download-btns img{
		width:75px;
	}
}
@media only screen and (max-width : 768px) {
	
	.mcdlogo{
		margin-top:8%;
	}
	.mcdlogo img{
		width:330px;
	}
	.meal{
		position:inherit;
		font-size:40px;
		text-align:center;
		width:100%;
	}
	.meal span{
		font-size:48px;
	}
	.meal img{
		width:270px;
		margin:60px 165px 14px 165px;
	}
	.sidebar{
		position:inherit;
		text-align:center;
		width:100%;
		margin-top:26px;
	}
	.download-bar{
		width:50%;
		float:left;
		text-align:right;
		padding-right:10px;
	}
	.download-smiles-text{
		font-size: 36px;
		line-height: 42px;
		margin-bottom: 10px;
		width: 187px;
		float: right;
	}
	.download-smiles-text span{
		font-size: 54px;
	}
	.download-app-text{
		font-size: 36px;
		line-height: 26px;
		margin-bottom: 10px;
		width: 175px;
		float: right;
	}
	.download-app-text span{
		font-size: 23.5px;
	}
	.download-btns-bar{
		width:50%;
		float:left;
		text-align:left;
	}
	.download-btns{
		display:none;
	}
	.download-btns2{
		display:block;
		width:222px;
		margin-left:10px;
		margin-top: 50px;
	}
	.download-btns2 img{
		width:221px;
		margin-top:10px;
		margin-bottom:10px !important;
	}
	/*.mcdlogo{
		margin-top:12%;
	}
	.mcdlogo img{
		width:160px;
	}
	.meal{
		font-size:12px;
	}
	.meal span{
		font-size:22px;
	}
	.meal img{
		width:96px;
	}
	.download-smiles-text{
		font-size: 16px;
		line-height: 20px;
		margin-bottom:10px;
	}
	.download-smiles-text span{
		font-size: 27px;
	}
	.download-app-text{
		font-size: 16px;
		line-height: 13px;
		color:#fecb32;
		margin-bottom:10px;
	}
	.download-app-text span{
		font-size: 10.6px;
	}
	.download-btns img{
		width:75px;
	}*/
	
}
@media only screen and (max-width : 767px) {
	.mcdlogo{
		margin-top:10%;
	}
	.mcdlogo img{
		width:386px;
	}
	.meal{
		position:inherit;
		font-size:42px;
		text-align:center;
		width:100%;
	}
	.meal span{
		font-size:50px;
	}
	.meal img{
		width:300px;
		margin:70px 150px 20px 150px;
	}
	.sidebar{
		position:inherit;
		text-align:center;
		width:100%;
		margin-top:60px;
	}
	.download-bar{
		width:50%;
		float:left;
		text-align:right;
		padding-right:10px;
	}
	.download-smiles-text{
		font-size: 36px;
		line-height: 42px;
		margin-bottom: 10px;
		width: 187px;
		float: right;
	}
	.download-smiles-text span{
		font-size: 54px;
	}
	.download-app-text{
		font-size: 36px;
		line-height: 26px;
		margin-bottom: 10px;
		width: 175px;
		float: right;
	}
	.download-app-text span{
		font-size: 23.5px;
	}
	.download-btns-bar{
		width:50%;
		float:left;
		text-align:left;
	}
	.download-btns{
		display:none;
	}
	.download-btns2{
		display:block;
		width:222px;
		margin-left:10px;
		margin-top: 50px;
	}
	.download-btns2 img{
		width:221px;
		margin-top:10px;
		margin-bottom:10px !important;
	}
}
@media only screen and (max-width : 480px) {
	.mcdlogo{
		margin-top:10%;
	}
	.mcdlogo img{
		width:232px;
	}
	.meal{
		position:inherit;
		font-size:25px;
		text-align:center;
		width:100%;
	}
	.meal span{
		font-size:35px;
	}
	.meal img{
		width:180px;
		margin:40px 100px 20px 100px;
	}
	.sidebar{
		position:inherit;
		text-align:center;
		width:100%;
		margin-top:30px;
	}
	.download-bar{
		width:50%;
		float:left;
		text-align:right;
		padding-right:10px;
	}
	.download-smiles-text{
		font-size: 26px;
		line-height: 32px;
		margin-bottom: 10px;
		width: 187px;
		float: right;
	}
	.download-smiles-text span{
		font-size: 39px;
	}
	.download-app-text{
		font-size: 26px;
		line-height: 20px;
		margin-bottom: 10px;
		width: 175px;
		float: right;
	}
	.download-app-text span{
		font-size: 17.5px;
	}
	.download-btns-bar{
		width:50%;
		float:left;
		text-align:left;
	}
	.download-btns{
		display:none;
	}
	.download-btns2{
		display:block;
		width:141px;
		margin-left:10px;
		margin-top: 40px;
	}
	.download-btns2 img{
		width:140px;
		margin-top:10px;
		margin-bottom:10px !important;
	}
}
@media only screen and (max-width : 414px) {
	.mcdlogo{
		margin-top:10%;
	}
	.mcdlogo img{
		width:210px;
	}
	.meal{
		position:inherit;
		font-size:21px;
		text-align:center;
		width:100%;
	}
	.meal span{
		font-size:31px;
	}
	.meal img{
		width:150px;
		margin:40px 90px 20px 90px;
	}
	.sidebar{
		position:inherit;
		text-align:center;
		width:100%;
		margin-top:26px;
	}
	.download-bar{
		width:50%;
		float:left;
		text-align:right;
		padding-right:10px;
	}
	.download-smiles-text{
		font-size: 22px;
		line-height: 28px;
		margin-bottom: 10px;
		width: 140px;
		float: right;
	}
	.download-smiles-text span{
		font-size: 33px;
	}
	.download-app-text{
		font-size: 22px;
		line-height: 16px;
		margin-bottom: 10px;
		width: 140px;
		float: right;
	}
	.download-app-text span{
		font-size: 14.5px;
	}
	.download-btns-bar{
		width:50%;
		float:left;
		text-align:left;
	}
	.download-btns{
		display:none;
	}
	.download-btns2{
		display:block;
		width:121px;
		margin-left:10px;
		margin-top: 32px;
	}
	.download-btns2 img{
		width:120px;
		margin-top:10px;
		margin-bottom:10px !important;
	}
}
@media only screen and (max-width : 375px) {
	.mcdlogo{
		margin-top:10%;
	}
	.mcdlogo img{
		width:210px;
	}
	.meal{
		position:inherit;
		font-size:18px;
		text-align:center;
		width:100%;
	}
	.meal span{
		font-size:27px;
	}
	.meal img{
		width:150px;
		margin:40px 83px 20px 83px;
	}
	.sidebar{
		position:inherit;
		text-align:center;
		width:100%;
		margin-top:26px;
	}
	.download-bar{
		width:50%;
		float:left;
		text-align:right;
		padding-right:10px;
	}
	.download-smiles-text{
		font-size: 22px;
		line-height: 28px;
		margin-bottom: 10px;
		width: 140px;
		float: right;
	}
	.download-smiles-text span{
		font-size: 33px;
	}
	.download-app-text{
		font-size: 22px;
		line-height: 16px;
		margin-bottom: 10px;
		width: 140px;
		float: right;
	}
	.download-app-text span{
		font-size: 14.5px;
	}
	.download-btns-bar{
		width:50%;
		float:left;
		text-align:left;
	}
	.download-btns{
		display:none;
	}
	.download-btns2{
		display:block;
		width:121px;
		margin-left:10px;
		margin-top: 32px;
	}
	.download-btns2 img{
		width:120px;
		margin-top:10px;
		margin-bottom:10px !important;
	}
}
@media only screen and (max-width : 360px) {
	.mcdlogo{
		margin-top:5%;
	}
	.mcdlogo img{
		width:156px;
	}
	.meal{
		position:inherit;
		font-size:15px;
		text-align:center;
		width:100%;
	}
	.meal span{
		font-size:25px;
	}
	.meal img{
		width:110px;
		margin:20px 83px 10px 83px;
	}
	.sidebar{
		position:inherit;
		text-align:center;
		width:100%;
		margin-top:10px;
	}
	.download-bar{
		width:50%;
		float:left;
		text-align:right;
		padding-right:10px;
	}
	.download-smiles-text{
		font-size: 18px;
		line-height: 23px;
		margin-bottom: 5px;
		width: 140px;
		float: right;
	}
	.download-smiles-text span{
		font-size: 27px;
	}
	.download-app-text{
		font-size: 18px;
		line-height: 16px;
		width: 140px;
		float: right;
	}
	.download-app-text span{
		font-size: 12px;
	}
	.download-btns-bar{
		width:50%;
		float:left;
		text-align:left;
	}
	.download-btns{
		display:none;
	}
	.download-btns2{
		display:block;
		width:102px;
		margin-left:10px;
		margin-top: 26px;
	}
	.download-btns2 img{
		width:100px;
		margin-top:10px;
		margin-bottom:10px !important;
	}
}
@media only screen and (max-width : 320px) {
	.mcdlogo{
		margin-top:10%;
	}
	.mcdlogo img{
		width:170px;
	}
	.meal{
		position:inherit;
		font-size:15px;
		text-align:center;
		width:100%;
	}
	.meal span{
		font-size:25px;
	}
	.meal img{
		width:120px;
		margin:30px 74px 16px 74px;
	}
	.sidebar{
		position:inherit;
		text-align:center;
		width:100%;
		margin-top:20px;
	}
	.download-bar{
		width:50%;
		float:left;
		text-align:right;
		padding-right:10px;
	}
	.download-smiles-text{
		font-size: 22px;
		line-height: 28px;
		margin-bottom: 10px;
		width: 140px;
		float: right;
	}
	.download-smiles-text span{
		font-size: 33px;
	}
	.download-app-text{
		font-size: 22px;
		line-height: 16px;
		margin-bottom: 10px;
		width: 140px;
		float: right;
	}
	.download-app-text span{
		font-size: 14.5px;
	}
	.download-btns-bar{
		width:50%;
		float:left;
		text-align:left;
	}
	.download-btns{
		display:none;
	}
	.download-btns2{
		display:block;
		width:111px;
		margin-left:10px;
		margin-top: 32px;
	}
	.download-btns2 img{
		width:110px;
		margin-top:10px;
		margin-bottom:10px !important;
	}
}
@media only screen and (max-width : 230px) {
	.mcdlogo{
		margin-top:10%;
	}
	.mcdlogo img{
		width:150px;
	}
	.meal{
		position:inherit;
		font-size:12px;
		text-align:center;
		width:100%;
	}
	.meal span{
		font-size:16px;
	}
	.meal img{
		width:100px;
		margin:30px 43px 16px 43px;
	}
	.sidebar{
		position:inherit;
		text-align:center;
		width:100%;
		margin-top:16px;
	}
	.download-bar{
		width:50%;
		float:left;
		text-align:right;
		padding-right:10px;
	}
	.download-smiles-text{
		font-size: 16px;
		line-height: 20px;
		margin-bottom: 6px;
		width: 90px;
		float: right;
	}
	.download-smiles-text span{
		font-size: 24px;
	}
	.download-app-text{
		font-size: 16px;
		line-height: 14px;
		width: 90px;
		float: right;
	}
	.download-app-text span{
		font-size: 10.7px;
	}
	.download-btns-bar{
		width:50%;
		float:left;
		text-align:left;
	}
	.download-btns{
		display:none;
	}
	.download-btns2{
		display:block;
		width:81px;
		margin-left:6px;
		margin-top: 24px;
	}
	.download-btns2 img{
		width:80px;
		margin-top:10px;
		margin-bottom:10px !important;
	}
}