*{
	box-sizing: border-box;
}
html
{
	direction: ltr;
	font-size: 16px;
}
body
{
	font-family: Verdana;
	background-color: silver;
	background-image: url('../images/bg-2.jpg');
	background-size: cover;
	background-attachment: fixed;
}
#div-one
{
	width: 550px;
	margin: 0 auto;
	min-height: 1600px;
	border-radius: 12px 12px;
	/*border: black 1px solid;*/
	margin-top: 90px;
	margin-bottom: 80px;
	animation:containerPlay 5s;

}
#div-two
{
	/*border: black 1px solid;*/
	/*width: 600px;*/
	min-height: 350px;
	background-position: center center;
	border-radius: 12px 12px 0px 0px;
	background-image: url('../images/11.jpg');
	position:relative;
}
#div-three
{
	min-height: 1150px;
	background-color: white;
	/*opacity: 0.7;*/
	padding-left: 25px;
	padding-top: 30px;
	border-radius: 0px 0px 12px 12px;
	opacity: 0.8;
}
@keyframes containerPlay
{
	from{opacity: 0}
	to{opacity: 1}
}
a
{
	text-decoration: none;
	color: #3f9ae0;
}
a:hover
{
	color: #5605ed;
}
#text
{
	color: #5605ed;
}
#snend
{
	text-align: right;
	margin-right: 10px;
}
#icon_a
{
	margin-left: 7px;
	margin-right: 7px;

}
/* shadow text */
/*.ahover{text-shadow: 1px 1px 4px #3f9ae0;}  .ahover:hover{text-shadow: 5px 5px 5px #5605ed;}*/
@media screen and (max-width: 560px)
{
	#div-one
	{
		width: 100%;
	}
	#div-two
	{
		background-position: center center;
	}
	#div-three
	{
		min-height: 1180px;
	}
}
@media screen and (max-width: 430px)
{
	div-one
	{
		width: 98%;
		padding-left: 5px;
		padding-right: 0px;
	}
	div-two
	{
		background-position: center center;
	}
	div-three
	{
		min-height: 1150px;
		
	}

}