/*---Extra Small - xs - Mobile---*/

@media screen and ( max-width: 767px ) {

	.title {
	height: 10px;
	background-color: #fff;
	margin-top: 200px;
	margin-left: 30px;
	display:block;
	position:relative;
}

h1 {
	font-size: 25px;
	color:#DBE1E4;
	line-height: 12px;
	text-align:left;
}

h1 a {
	font-size: 25px;
	color:#DBE1E4;
	
}

h1 a:hover{
	text-decoration: none;
	color:#DBE1E4;
	opacity: 0.7;

}


.content {
	height: 600px;
	background-color: #fff;
	margin-top: 200px;
	margin-left: 30px;
	display:block;
	position:relative;
}

h2 a:link {
	font-size: 20px;
	color: #23BCE7;
	background-color: #fff;


}

h2 a:hover {
	color:#23BCE7;
	background-color: #fff;
	text-decoration: none;
	opacity: 0.8;
}

h2 a:visited {
	color:#23BCE7;
	background-color: #fff;
	text-decoration: none;
}

.content h2 {
	font-size: 20px;
	color:#DBE1E4;
	line-height: 22px;

	text-align:left;
}

h3 {
	font-size: 20px;
	color: #DBE1E4;
	background-color: #fff;
	margin-top: 30px;

}

h3 a:link {
	color:#DBE1E4;
	text-decoration: none;
}

h3 a:hover {
	opacity: 0.7;

}

h3 a:visited {
	color:#DBE1E4;
	text-decoration: none;

}















/*---Small - sm - Tablet---*/
@media screen and ( min-width: 768px) and ( max-width: 1023px ) {


	.title {
	height: 10px;
	background-color: #fff;
	margin-top: 200px;
	margin-left: 30px;
	display:block;
	position:relative;

}

h1 {
	font-size: 30px;
	color:#DBE1E4;
	line-height: 12px;

	text-align:left;
}

h1 a {
	font-size: 30px;
	color:#DBE1E4;
	
}

h1 a:hover{
	text-decoration: none;
	color:#DBE1E4;
	opacity: 0.7;

}


.content {
	height: 600px;
	background-color: #fff;
	margin-top: 200px;
	margin-left: 30px;
	display:block;
	position:relative;
}

h2 a:link {
	font-size: 26px;
	color: #DBE1E4;
	background-color: #DBE1E4;

}

h2 a:hover {
	color:#23BCE7;
	background-color: #fff;
	text-decoration: none;
	opacity: 0.8;
}

h2 a:visited {
	color:#23BCE7;
	background-color: #fff;
	text-decoration: none;
}

.content h2 {
	font-size: 26px;
	color:#DBE1E4;
	line-height: 22px;

	text-align:left;
}

h3 {
	font-size: 20px;
	color: #DBE1E4;
	background-color: #fff;
	margin-top: 30px;

}

h3 a:link {
	color:#DBE1E4;
	text-decoration: none;
}

h3 a:hover {
	opacity: 0.7;

}

h3 a:visited {
	color:#DBE1E4;
	text-decoration: none;

}














/*---Big screen---*/
@media screen and ( min-width: 1024px ) {

.main h3 {
	margin-left: 21.5%;
}

.secondary h3 {
	margin-left: 21.5%;
}

.vp .thumbnail .iphone {
	width: 70%;
}
}