body,html{
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100vh;
	font-family: sans-serif;
	text-align: center;
}
.Section_top{
	width: 100%;
	height: 100%;
	overflow: scroll;
	position: center;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	justify-content: center;
	animation: change 30s infinite ease-in-out;
	color: #09F;
}
.content{
	position: relative;
	top: 97px;
	left: 414px;
	transform: translate(-50%, -50%);
	text-transform: uppercase;
	font-family: "Times New Roman", Times, serif;
	height: 533px;
	text-align: center;
	width: 482px;
}
.content h1{
	color: #F00;
	font-size: 18px;
	letter-spacing: 15px;
	text-align: center;
}
.content h1 span{
	color: #F00;
}
.content a{
	text-decoration: none;
	font-size: 18px;
}
.content a:hover{
	background: #034e88;
	color: #fff;
}
@keyframes change{
	0%
    {
        background-image: url(images/slide1.jpg);
    }
    10%
    {
        background-image: url(images/slide2.jpg);
    }
    20%
    {
        background-image: url(images/slide3.jpg);
    }
    40%
    {
        background-image: url(images/slide4.jpg);
    }
    60%
    {
        background-image: url(images/slide5.jpg);
    }
    80%
    {
        background-image: url(images/slide6.jpg);
    }
    100%
    {
        background-image: url(images/slide7.jpg);
    }
}
.Section_top .content h2 {
	color: #FF0;
	font:Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	text-align: center;
}
div#preload {
    display: none;
}