@font-face {
	src: url(txt.ttf);
	font-family: Regular;
}

body{
	background:url(../img/fon6.png) center no-repeat;
	background-size: cover;
	background-attachment: fixed;
	margin: 0;
	padding: 0;
}

#Title{
	display: flex;
	flex-direction: column;
}

	.Tit{
		margin: 0 auto;
		font-family: Regular, fantasy;
		color:#ffff;
		margin-top: 0px;
		box-shadow: 0px 6px rgba(0,0,0,0.8);
		text-align: center;
		font-size: 3.9em;
		/*border: 3px inset #f6df46;*/
		padding: 10px 0px 0px 0px;
		border-radius: 0px;
		background: #663366;
		width: 100%;
	}
	
	#Return{
		font-family: Regular, fantasy;
		color:#ffff;
		margin: 0 auto;
		margin-top: 50px;
		text-decoration: none;
		box-shadow: 1px 6px rgba(0,0,0,0.4);
		text-align: center; 
		font-size: 3em;
		/*border: 3px inset #f6df46;*/
		padding: 17px;
		border-radius: 10px;
		background: #663366;
		width: 30%;
	}
	
	#Return:hover{
		transition-duration: .5s;
		-webkit-box-shadow: 0px 4px 0px rgba(0, 0, 0, 0.8);
		-moz-box-shadow: 0px 4px 0px rgba(0, 0, 0, 0.8);
		color:#2c2525;
		box-shadow: 0px 4px 0px rgba(0, 0, 0, 0.8);
		background: #e8e9ee;
	}

#Text{
	margin: 0 auto;
	margin-top: 50px;
	text-align: center;
	box-shadow: 0px 5px rgba(0,0,0,0.6);
	padding: 5px;
	border-radius: 10px;
	background: #eeece0;
	width: 90%;
	font-family: Regular, fantasy;
}
	
	img{
		margin-top: 0.5%;
		border-radius: 10px;
		width: 100%;
		height: 100%;
		/*box-shadow: 0 0 5px 2px;*/
		box-shadow: 0px 2px rgb(0, 0, 0, 1);
	}
	
	#SubTxt{
		text-align: justify;
	}
	
	.Txt{
		padding-top: 10px;
		font-family: Regular, fantasy;
		color:Black;
		font-size: 18px;
	}

#FootDiv{
	text-align: center;
	box-shadow: 0px 5px rgba(0,0,0,0.6);
	padding: 5px;
	border-radius: 10px;
	background: #eeece0;
	width: 25%;
	margin: 0 auto;
	margin-top: 0.5%;
	font-family: Regular, fantasy;
}

@media (max-width: 1200px) {
	.Tit{	font-size: 2.9em;	}
}

@media (max-width: 900px) {
	.Tit{	font-size: 1.9em;	}
}

@media (max-width: 750px) {
	.Tit{	font-size: 1.7em;	}
	#Return{	font-size: 1.5em;	}
}

@media (max-width: 550px) {
	.Tit{	font-size: 1.1em;	}
	#Return{	font-size: 0.8em;	}
}
.pdoc{
	margin: 0 auto;
	height: 80vh; 
	width: 70%;
}
#mphotos{
	/*font-size: 2vh;*/
	margin: 0 auto;
	margin-top: 10px;
	text-align: center;
	box-shadow: 0px 5px rgba(0,0,0,0.6);
	border-radius: 10px;
	background: #eeece0;
	width: 50%;
	/*height: 10%;*/
	font-family: Regular, fantasy;
	
	display: grid;
	grid-gap: 5px;
	grid-template-rows: repeat(auto-fill, minmax(185px,1fr));
	grid-template-columns: repeat(auto-fill, minmax(280px,1fr));
}

.img_slots{
	text-align: center;
	font-size: 25px;
	color: rgb(255, 255, 255);
}

	#mphoto{
		width: 80%;
		height: 80%;
		margin: 0 auto;
		margin-top: 5%;
		
	}

	#name_gropp{
		/*font-size: 2vh;*/
		margin: 0 auto;
		margin-top: 50px;
		text-align: center;
		box-shadow: 0px 5px rgba(0,0,0,0.6);
		border-radius: 10px;
		background: #663366;
		width: 50%;
		font-family: Regular, fantasy;
	}
	
	.text{
		color: #ffff;
		font-size: 40px;
		margin: 0;
		padding: 0;
	}

@media (max-width: 359px){
	.Tit{width: 100%; font-size: 3em;}
	#Return{width: 80%; font-size: 2em;}
	#mphoto{font-size: 2em;}
	#name_gropp{width: 100%; border-radius: 0px; box-shadow: 0px 0px rgba(0,0,0,0.0);}
	.text{font-size: 30px;}
	#mphotos{width: 100%; border-radius: 0px; margin-top: 0px; font-size: 2vh;}
}
@media (max-width: 500px){
	.Tit{width: 100%; font-size: 3em;}
	#Return{width: 80%; font-size: 2em;}
	#mphoto{font-size: 2em;}
	#name_gropp{width: 100%; border-radius: 0px; box-shadow: 0px 0px rgba(0,0,0,0.0);}
	.text{font-size: 30px;}
	#mphotos{width: 100%; border-radius: 0px; margin-top: 0px; font-size: 1vh;}
}

@media (max-width: 600px){
	.Tit{width: 100%; font-size: 3em;}
	#Return{width: 80%; font-size: 2em;}
	#mphoto{font-size: 2em;}
	#name_gropp{width: 100%; border-radius: 0px; box-shadow: 0px 0px rgba(0,0,0,0.0);}
	#text{font-size: 30px;}
	#mphotos{width: 100%; border-radius: 0px; margin-top: 0px; font-size: 1vh;}
}
@media (max-width: 1023.99px){
	.Tit{width: 100%; font-size: 3em;}
	#Return{width: 80%; font-size: 2em;}
	#mphoto{font-size: 2em;}
	#name_gropp{width: 100%; border-radius: 0px; box-shadow: 0px 0px rgba(0,0,0,0.0);}
	#text{font-size: 30px;}
	#mphotos{width: 100%; border-radius: 0px; margin-top: 0px; font-size: 1vh;}
}