/**THINK ABOUT 7.5% padding-left on these left elements**/

body{
	font-family:'Source Sans Pro',"Open Sans","Helvetica","Arial",sans-serif;
}

a{
	color:#000;
	text-decoration:none;
}

a:hover{
	color:#FFF;
	text-decoration:none;
}

h2{
	font-weight:bold;
	font-size:42px;
}

video{
	width:100%;
	height:auto;
	/*padding:25px;*/
}

.img-mobile{
	display:none;
}

/*
.wow{visibility:hidden;}*/

.row{
	margin:0;
}

.container-fluid{
	padding:0;
}

.container{
	/*padding:0;*/
}

.nopad{
	padding:0 !important;
}

.white{
	color:#FFF;
}

.body-txt-black{
	font-size:21px;
/*	max-width:350px;
*/	color:#000;
}

.body-txt-white{
	width:350px;
	padding-bottom:15px;
	font-size:21px;
	color:#FFF;
}

/**LANDING**/
#top{
	width:100%;
	height:650px;
	/*padding-bottom:160px;*/
	background-color:#000;
	background:url(../img/bkgs/bk1.jpg);
	background-size:cover;
	/*background-position:1% 15%;*/
	background-position:30% 15%;
	background-repeat:no-repeat;
	color:#FFF;

}

.mwlogo{
	max-width:70%;
	margin-top:15%;
}

.applogo{
	max-width:200px;
	display:inline-block;
	padding:10px;
}

.leftlogo{
	margin-left:25px;
}

.top-subhead{
	padding-left:50px;
	padding-bottom:40px;
	font-size:40px;
	max-width:450px;
	font-weight:normal;
}

.top-phone{
	max-width:350px;
	margin-top:80px;
/*	margin-left:15%;
*/
}

/**VIDEO**/
#vid{
	height:650px;
	background-color:#FFF;
	background:url(../img/bkgs/video-bkg.jpg) no-repeat;
	background-size:cover;
	background-position:70% 50%
	
}

.video{padding-top:100px;}

.vid-sub{
	padding-top:100px;
	margin-top:0px;

}

.vid-txt{
/*	margin-top:20px;
*/	padding-left:40px;
}

.video{
/*	padding-left:85px;
*/}

.video-text{
/*	margin-bottom:65px;
*//*	padding-right:40px;
*/}

/**SCREENS**/
#screens{
	/*min-height:750px;*/
	height:650px;
	background-color:#000;
	padding-bottom:65px;
	/*padding-top:50px;*/
}

.screens-txt{
	padding-top:65px;
	/*padding-left:75px;*/
}

.screen-phone{
	max-width:450px;
	margin-top:25px;
/*	margin-left:25%;
*/	z-index:999;
	transition:all .25s ease-out;

}

.sticker{
	/*left:10%;*/
}

.no-margin{
	width:0;
}

.screen-phone-relative{
	max-width:300px;
	margin-top:25px;
	margin-left:25%;
	position:relative;
}

.screen-phone-fixed{
	/*max-width:350px;
	margin-top:25px;
	margin-left:25%;*/
	position:fixed;
	top:70px;
	left:33%;
/*	transform:translate(0,-50%);
*/	
}

.icons:hover{
	opacity:.7;
	cursor:pointer;
}

/**SMARTER**/
#smarter{
	min-height:650px;
	padding-top:65px;
	/*padding-left:65px;*/
	background-color:#FFF;
	background:url(../img/smart-bkg.jpg) no-repeat;
	background-size:cover;
}
.smarter-txt{
	/*padding-left:65px;*/
	text-align:left;
}

/**EXERCSIE**/
#exercise{
	height:650px;
	background-color:#FFCC00;

}

.exercise-txt{
	padding-top:55px;
	/*padding-left:65px;*/
	padding-bottom:65px;
}

.icons{
	max-width:30%;
	/*min-width:100px;*/
	display:inline-block;
}

.exercise-mobile{
	display:none;
}


/**DOWNLOAD**/
#download{
	height:500px;
	margin:50px auto 0px;
/*	padding-top:50px;
*/	text-align:center;
	z-index:1000;
	/*background-color:#FFF;*/
	/*z-index:2;*/
	
}

.body-txt-signup{
	font-size:21px;
}

.app-row{
	padding-top:35px;
	padding-bottom:100px;
}

button{

	padding:10px 40px;
	border:4px solid #000;
	text-align:center;
	font-size:24px;
	font-weight:bold;
	text-transform:uppercase;
	background-color:#FFF;
	color:#000;
	transition:all .25s ease-in;
	cursor:pointer;

}

button:hover{
	background-color:#000;
	color:#FFF;
	text-decoration:none;
}

p.signup-txt {
	padding-top:50px;
	text-align:center;
	width:100%;
	font-size:21px;
	/*max-width:350px;*/
	color:#000;

}

.signapp{
	width:300px;
	display:inline-block;
	padding:0px 25px 25px;
}

/**FOOTER**/
/*#footer{
	position:fixed;
	background-color:#FFCC00;
	background:url(../img/bkgs/bk1.jpg);
	width:100%;
	height:300px;
	bottom:0;
	left:0;
	z-index:-1;
}*/

input{
	width:40%;
	height:50px;
	margin:20px auto 40px;
	padding:10px;
	/*margin-right:20px;*/
	font-size:18px;
	border:solid 3px #333;
	color:#DDD;

}

label{
	font-size:30px;
	font-weight:normal;
	margin-right:20px;
}



/*@media(max-width:1300px){
	#screens{
		height:750px;
	}
	.screen-phone{
		max-width:350px;

}*/

@media(min-width:1450px){
	/*video{
		width:80%;
	}*/
/*	.body-txt-black{color:green;}
*/}

@media(min-width:1201px) and (max-width:1449px){
	/*.screen-phone{
		max-width:370px;
	}*/
}

@media(min-width:993px) and (max-width:1200px){
	/*.body-txt-black{color:purple;}*/
	/*#screens{
		min-height:600px;
	}*/
	#screens-txt{
		margin-left:7.5%;

	}
	.body-txt-white{
		/*color:purple;*/
	}

	.sticker{left:10%;}

	.screen-phone{max-width:375px;}
	
}

@media(max-width:992px){
	#top{
		background-position:90% 15%;
		/*padding-bottom:120px;*/
	}
	.top-subhead{
		padding-left:30px;
		font-size:35px;
	}

	.vid-sub{
		/**NEW EDITS**/
		/*padding-top:120px;*/
		padding-top:100px;
	}

	video{
		width:75%;
		padding-left:40px;
	}

	.video{
		/**NEW EDITS**/
		/*padding-top:120px;*/
		padding:20px 0px 0px;
	}
	.applogo{
		max-width:45%;
	}
	.body-txt-white{
		/*color:green;*/
	}

	.screen-phone{
		/**NEW EDITS**/
		/*max-width:290px;*/
		max-width:320px;
	}
}

@media(max-width:900px){
	.top-phone{
		max-width:310px;
		margin-top:120px;
		
	}
}

@media(max-width:767px){
	h2{
		font-size:36px;
	}

	.body-txt-black{line-height:26px;}

	.img-mobile{
		max-width:50%;
		margin:0 auto;
		padding-top:50px;
		display:block;
	}

	/**LANDING**/
	/*#top{
		background-position:30% 15%;
		margin-bottom:220px;
	}*/
	.mwlogo{
		margin: 5% auto 20px;
		/*max-width:90%;*/
	}

	.applogo{
		max-width:250px;
	}

	.leftlogo{
		margin:0;
	}

	.logo-wrap{
		margin:0 auto;
		text-align:center;
	}

	.top-subhead{
		max-width:100%;
		padding:0;
		padding-top:15px;
/*		padding-left:30px;
*/		padding-bottom:25px;
		text-align:center;
		font-size:30px;
		font-weight:normal;
	}

	.top-phone{
		max-width:240px;
		margin:10px auto 0px;
		max-height:650px;
		/*height:450px;*/
	}
	/**VIDEO**/

	.video{
		padding:20px 0px 0px;
		text-align:center;
	}

	video{
		padding-top:10px;
		margin-bottom:60px;
		width:75%;
	}

	.vid-txt{	
		margin-top:90px;
		padding:0;
		padding-left:15px;
		padding-right:15px;

		text-align:center;

	}

	.video-text{margin-bottom:0;}

	/*.vid-sub{
		padding-top:235px;
	}
*/
	.body-txt-black{
		font-size:20px;
		width:100%;
		/*width:400px;*/
	}
	/**SCREENS**/

	#screens{
		height:100%;
		min-height:600px;
	}
	.screens-txt{
		/*padding-top:0px;*/
		padding-left:0;
		text-align:center;
	}

	.body-txt-white{
		width:100%;
		text-align:center;
		/*color:blue;*/
	}

	.screen-phone{
		max-width:275px;
		margin:10px auto 0px;
		display:none;
	}

	.exercise-txt{
		/*padding:10px;*/
		padding-left:0px;
		padding-right:0px;
		text-align:center;
	}

	.screen-phone-fixed{
		margin-left:-5px;
		top:35%;
	}

	.icons{
		max-width:20%;
		text-align:center;
	}



	/**SMARTER**/
	#smarter{
		padding-left:0;
	}
	.smarter-txt{
		padding-left:0;
		text-align:center;
	}

	/**EXERCISE**/
	#exercise{
		height:auto;
	}
	.exercise-mobile{
		max-width:100%;
		margin:50px auto 50px;
		display:block;
	}

	.exercise-txt{padding-top:65px;}


	/**DOWNLOAD**/
	input{
		width:80%;
	}

}

@media(max-width:700px){
	.vid-txt{
		margin-top:50px;
	}
}

@media(max-width:650px){
	video{
		width:75%;
		margin-bottom:0;
	}

	.video-text{margin-bottom:0;}
}

@media(max-width:580px){
	video{

	}
	.vid-txt{
		margin-top:100px;
	}
	/**SCREENS**/

	/**CONTACT**/
	.app-row{
		padding-bottom:65px;
	}
}

@media(max-width:430px){
	.vid-txt{margin-top:75px;}
}

@media(max-width:420px){
	.body-txt-white{text-align:left;}
	/**LANDING**/
	.applogo{
		max-width:140px;
	}
	#top{
		/*padding-bottom:100px;*/
	}
	/**VIDE**/
	.vid-sub{padding-top:100px;}
	.vid-txt{margin-top:0;text-align:left;}
	video{width:100%;padding:0;}
	.video-text{/*margin-bottom:65px;*/}
	/**SCREENS**/
	.screens-txt{text-align:left;/*padding-top:50px;*/}
	.img-mobile{max-width:100%;}
	/**EXERCISES**/
	.exercise-txt{text-align:left;}
	/**SMARTER*/
	.smarter-txt{text-align:left;}


}

@media(min-width:250px) and (max-width:360px){

	/**LANDING**/
	.mwlogo{max-width:100%;}
	.applogo{/*max-width:140px;*/max-width:165px;}
	#top{padding-bottom:180px;}
	.top-phone{
		max-width:245px;
		margin:10px auto 0px;
		max-height:650px;
		/*height:450px;*/
	}
	/*.vid-sub{
		padding-top:35px;
	}*/
	.vid-sub{padding-top:160px;}
	.vid-txt{margin-top:0;padding-left:10px;padding-right:10px;}
	/*.vid-sub{padding-top:150px;}*/

	/**SCREENS**/
	.icons{
		width:100%;
		min-width:65px;
		display:inline;
		
	}

	.body-txt-white{
		/*color:orange;*/
	}
	/**CONTACT**/

}