body,html{
	margin:0;
	padding:0;
	font-family:Muli;
	font-weight:600;
	color:#777777;
	font-size:18px;
	background-color:#f7f7f7;
}

img{
	display:block;
	max-width:100%;
	height:auto;
}

h1{
	font-weight:700;
	font-size:40px;
	color:#000000;
	margin:0;
	margin-bottom:0;
}

h2{
	font-weight:400;
	margin:0;
	font-size:24px;
}

h3{
	margin:0;
	font-size:34px;
	font-weight:600;
	color:#000000;
	margin-bottom:30px;
}

a{
	color:inherit;
	text-decoration:none;
}

.content{
	width:1200px;
	margin:0 auto;
}

.header{
	padding:70px;
	background-color:#ffffff;
}

.header h1, .header h2{
	float:left;
}

.header h1{
	margin-right:50px;
	margin-top:8px;
	margin-bottom:8px;
}

.header h2{
	margin-top:18px;
}

.conm{
	padding:0 15px;
}

.screens{
	border-top:1px solid #e8e8e8;
	padding:70px;
}

.screens:after, .header:after{
	clear:both;
	content:" ";
	display:block;
}

.screens a{
	float:left;
	width:50%;
	padding:15px;
	box-sizing:border-box;
	margin-bottom:50px;
}

.screens a{
	text-decoration:none;
	color:inherit;
}

.screens img{
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
	transition:0.5s;
}

.screens a p{
	padding:20px 0;
	margin:0;
}

.screens a:hover img{
	box-shadow: 0 0 25px rgba(0, 0, 0, 0.2);
}

.footer{
	border-top:1px solid #e8e8e8;
}

.purchase{
	background-color:#222222;
	color:#ffffff;
	padding:20px;
	float:right;
}


@media screen and (max-width:1400px){
.content{
	width:1000px;
}
}

@media screen and (max-width:1200px){
.content{
	width:800px;
}

.screens a{
	width:50%;
}

.header h1{
	float:none;
}
}

@media screen and (max-width:1000px){
.content{
	width:600px;
}
}

@media screen and (max-width:800px){
.content{
	width:100%;
}

.screens a{
	width:100%;
}
}

@media screen and (max-width:600px){
.screens, .header{
	padding:50px;
}
}

@media screen and (max-width:400px){
.screens, .header{
	padding:25px;
}
}