body{
 margin:0;
 font-family: 'Poppins', sans-serif;
 background-color:#1f1f25;
 color:#ffffff;
}
#firstBlock{
 background-image:url(../img/82435001.jpg);
 display:inline-block;
 width:100%;
 height:600px;
 background-size: auto 100%;
  background-position: center center;
}
.shadowBlock{
 display:inline-block;
 width:100%;
 height:600px;
 background: rgba(0, 0, 0, .6)
}
.inContent{
 width:80%;
 margin:0 auto;
}
.firstContent{
 text-align:center;
 color:#ffffff;
 padding-top:100px;
}
.firstContent h1{
 font-size:80px;
 margin-bottom:10px;
}
.fiftyBlock{
 width:50%;
 float:left;
}
.fiftyLeftBlockW{
 width:48%;
 float:left;
 margin-right:2%;
}
.fiftyLeftBlockWidthMargin{
 width:46%;
 float:left;
 margin-left:2%;
 margin-right:2%;
 margin-bottom:2%;
}
.recommTitle{
 width:100%;
}
.recommImg{
 background-color:#fff;
 width:30%;
 float:left;
 margin-right:2%;
 text-align:center;
}
.recommTxt{
 text-align:justify;
 font-size:12px;
 float:left;
 width:68%;
}
.secondBlock{
 height:450px;
 padding-top:150px;
}
.secondBlock h2,
.thirdBlock h2{
 text-align:center;
}
.footer{
 margin-top:100px;
 display:inline-block;
 width:100%;
 text-align:center;
}
.scImg img{
 width:100%;
}
img{
 max-width:100%;
}
.txtLeft{
 text-align:left;
}
.txtCenter{
 text-align:center;
}
.txtJustify{
 text-align:justify;
}

@media screen and (max-width: 1001px) {
  .scImg{
	padding-top:10%;
  }
}

@media screen and (max-width: 780px) {
  .scImg,
  .fiftyLeftBlockW{
	width:100%;
  }
  .recommImg,
  .recommTxt{
   width:100%;
  }
}

@media screen and (max-width: 720px) {
	.firstContent h1 {
	 font-size:60px;
	}
	.firstContent{
	 padding-top:90px;
	}
	#firstBlock,
	.shadowBlock{
	 height:400px;
	}
}
@media screen and (max-width: 520px) {
  .firstContent h1 {
	 font-size:40px;
	}
	.firstContent{
	 padding-top:70px;
	}
	#firstBlock,
	.shadowBlock{
	 height:300px;
	}
	.fiftyLeftBlockWidthMargin{
	 width:100%;
	 margin-top:4%;
	}
	.recommTitle{
	 text-align:center;
	}
	.secondBlock{
	 padding-top:40px;
	}
}