body {
	padding: 0;
    margin: 0;
	font-family: "Times New Roman", Times, sans-serif;
	background: linear-gradient(to right, #000 0%, rgb(126,17,10) 100%);
	background-image: -webkit-linear-gradient(left, #000 0%, rgb(126,17,10) 100%);
	min-width: 800px;
	overflow-x: hidden;\
}
.marq{
	display: block;
	width: 70%;
	position: absolute;
	bottom: 20px;
	left: 80px;
}
.remark{
	color: #fff;
	font-size: 22px;
}
/*================ TITLE=====================*/
.title{
	float: right;	
	margin-top: 200px;
	margin-right: 250px;
/*	text-align: center;		*/
	color: #c00;
	font-weight:bold;
	line-height: 0.8;	
	text-shadow: 1px 1px #ff0;	
}
.title .p1{
	font-size: 50px;
}
.title .p2{
	font-size: 40px;
	margin-top: 20px;
	margin-left: 10px;
}
/*================ VIDEO=====================*/ 
.pobeda{
	border:2px solid #000;	
	position: absolute;
	width: 854; 
	height: 480;
	top: 100px;
	left: 230px;	
	z-index: -10;	
 }
/*================ GALLERY=====================*/ 
.gallery{
/*	border:1px solid #fff;	*/
	position: absolute;
	top: 170px;
	left: 120px;	
	z-index: -10;
 }
.mySlides {
/*	border:1px solid #ff0;	*/
	width:90%;
	height:auto;
	overflow:hidden;
}
/*================ POEM ===============*/
.poem{
/*	border: 1px solid #fff;	*/
	position: absolute;
	top: 40px;
	right: 80px;	
	color: #ff0;
	font-size: 20px;
	font-style: italic;
}
.poem .p4{
	text-align: right;
	margin-right: 20px;	
/*	font-weight: bold;	*/
}
/*================ AUTHOR==================*/
.author{
	display: block;
	width: 	20%	;		/* 400px; */
/*	height: 115px;	*/
	position: absolute;
	bottom: 40px;
	right: 40px;
	padding: 10px;	
	border:1px solid #ff0;
}
.author p img{
	height: 95px;
	width: auto;
}		
.author p {
	font-size: 15px;
	font-weight: bold;	
	color: #ff0;
	text-align: center;
	line-height: 1.5;
}
/*================ ABOUT ==================*/
.about{
	display: block;
	margin: auto;
  	width: 30%;
	margin-top: 470px;
	padding: 10px;	
	border:1px solid #ff0;
}
.about p.about-title {
	font-size: 17px;
	font-weight: bold;
	color: #ff0;
	text-align: center;
}		
.about p {
	font-size: 15px;
	color: #ff0;
	text-align: left;
	line-height: 1.5;
}
.about a {
	font-size: 17px;
	text-decoration: underline;
}
/*================ BUTTON==================*/
.section-btn{
	position: absolute;	
	top:400px; /* was 700px */
	left:850px;
}
.btn{
	color: #ff0;
	background: transparent;
	font-size: 14px;
	padding: 4px 20px 4px 20px;
	border: 1px solid #ff0;
	transition: background .5s;
}
.btn:hover{
	background: #aaa;
	color: #000;
	border: 1px solid #fff;	
}

 .gallery{
/*	border:1px solid #ff0;	*/
	position: absolute;
	top: 170px;
	left: 120px;	
	z-index: -10;
 }
.mySlides {
/*	border:1px solid #ff0;	*/
	width:90%;
	height:auto;
	overflow:hidden;
}
/*===========================@media=========================*/
@media only screen and (max-width : 1600px) {
	.remark{
		font-size: 20px;
	}
	.title{
		/* margin-top:210px;	 was 340px  */
		margin-right: 100px;	
	}
	.title .p1{
		font-size: 44px;
	}
	.title .p2{
		font-size: 36px;
		margin-left: 0px;
	}
	.pobeda{
		top: 50px;
		left: 230px;	
	}	
	 .gallery{
		top: 60px;
		left: 120px;	
	}
	.mySlides {
		width:80%;
	}
	.section-btn{
		/*top:420px;*/
		left:650px;
	}
	.poem{
		top: 40px;
		right: 80px;	
		font-size: 16px;
	}	
}
@media only screen and (max-width : 1440px) {
	.remark{
		font-size: 20px;
	}		
	.marq{
		left: 30px;
	}
	.remark{
		font-size: 18px;
	}	
	 .gallery{
		left: 40px;	
	 }
	.title{
		margin-right: 150px;	
	}
	.title .p1{
		font-size: 40px;
	}
	.title .p2{
		font-size: 32px;
	}
	.pobeda{
		width: 640; 
		height: 360;
		top: 50px;
		left: 100px;	
	 }	
	.section-btn{
		/*top:500px;*/
		left:600px;
	}

}	
@media only screen and (max-width : 1366px) {
.temporary{
	margin-top:20px;
	width: 50%;
	padding: 15px;
	font-size: 12px;
}		
	.title{
		/* margin-top:250px;	/*  330px  */
		margin-right: 100px;	
	}
	.title .p1{
		font-size: 36px;
	}
	.title .p2{
		font-size: 30px;
		margin-left: 0px;
	}
	 .gallery{
		top: 30px;
		left: 70px;	
	 }
	.mySlides {
		width:65%;
	}
	.poem{
		top: 20px;
		right: 20px;	
		font-size: 13px;
	}
	.poem .p4{
		margin-right: 10px;	
	}
	.author{
		width: 300px;
		height: 100px;
		bottom: 10px;
		right: 10px;
		padding: 10px;	
	}
	.author p img{
		height: 80px;
	}		
	.author p {
		font-size: 12px;
	}
	.section-btn{
		/*top:500px;*/
		left:500px;
	}
	.btn{
		font-size: 10px;
		padding: 3px 10px 3px 10px;
	}
}
@media only screen and (max-width : 1280px) {
	.remark{
		font-size: 20px;
	}	
	.title{
		float: right;
		/* margin-top:300px;	/*  380px  */
		margin-right: 100px;	
	}
	.title .p1{
		font-size: 34px;
	}
	.title .p2{
		font-size: 28px;
		margin-left: 0px;
	}
	.pobeda{
		top: 100px;
	}		
	 .gallery{
		top:100px;
		left: 70px;	
	 }
	.mySlides {
		width:80%;
	}
	.poem{
		top: 20px;
		right: 20px;	
		font-size: 13px;
	}
	.poem .p4{
		margin-right: 10px;	
	}
	.author{
		width: 300px;
		height: 100px;
		bottom: 20px;
		right: 20px;
		padding: 10px;	
	}
	.author p img{
		height: 80px;
	}		
	.author p {
		font-size: 12px;
	}
	.section-btn{
		/*top:500px;*/ 
		left:500px;
	}
	.btn{
		font-size: 12px;
		padding: 3px 10px 3px 10px;
	}
}
@media only screen and (max-width : 1024px) {
	.marq{
	width: 65%;
}
	.pobeda{
		width: 640; 
		height: 360;
		top: 30px;
		left: 30px;	
	 }	
	.title{
		/* margin-top:350px;	/*  230px  */
		margin-right: 30px;	
	}
	.title .p1{
		font-size: 28px;
	}
	.title .p2{
		font-size: 22px;
		margin-left: 10px;
	}
	 .gallery{
		top: 0px;
		left: 50px;	
	 }
	.mySlides {
		width:65%;
	}
	.poem{
		top: 20px;
		right: 20px;	
		font-size: 13px;
	}
	.poem .p4{
		margin-right: 10px;	
	}
	.author{
		width: 300px;
		height: 100px;
		bottom: 10px;
		right: 10px;
		padding: 10px;	
	}
	.author p img{
		height: 80px;
	}		
	.author p {
		font-size: 12px;
	}
	.section-btn{
		/*top:500px; 	/* 350px */
		left:420px;
	}
	.btn{
		font-size: 8px;
		padding: 3px 10px 3px 10px;
	}
	.about {
  		width: 40%;
		margin-top: 470px;
	}
}