html,body {
	padding:0;
	margin:0;
	background:#fff;
	font-family: Arial, sans-serif;
}
body a {
  transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
	text-decoration:none;
}
body a:hover {
	text-decoration: none;
}

body a:focus, a:hover {
	text-decoration: none;
}
h1,h2,h3,h4,h5,h6 {
	margin:0;
	padding:0;
	letter-spacing:1px;
}
p {
	margin:0;
	padding:0;
	letter-spacing:1px;
	word-spacing:3px;
}
ul {
	margin:0;
	padding:0;
}
body {
    background: url(../images/background.webp);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    min-height: 100vh;
}
.top {
  text-align: center;
}
.top h1 {
  color: #fff;
  font-size: 44px;
	letter-spacing: 10px;
	text-shadow: #865441 0 2px 10px;
}
.top h2 {
    color:#fff;
    font-size: 22px;
    margin: 3em 0;
    letter-spacing: 7px;
    text-transform: uppercase;
		text-shadow: #865441 0 2px 10px;
}
.top h2 a {
	color: #005bff;
	text-shadow: #fff 0 2px 10px;
}
.count-center {width:61%;
    margin: 0 auto;
	    padding: 3em 0;
}
.copyright{margin:3em 0 0em;
            text-align:center;}
.copyright p {
    font-size: 13px;
    color: #fff;
    letter-spacing: 3px;
		text-shadow: #865441 0 2px 10px;
}
.copyright p a{color:#fff;
              text-decoration:underline;text-shadow: none;}
.copyright p a:hover{color:#000;}

@media(max-width:1920px){
.count-center {
    width: 64%;
    padding: 5em 0;
}
}
@media(max-width:1680px){
.count-center {
    width: 62%;
}
.top h2 {
    margin: 2em 0;
}
}
@media(max-width:1600px){
	.count-center {
    width: 66%;
    padding: 4em 0;
}
}
@media(max-width:1440px){
.count-center {
    width: 73%;
    padding: 5em 0;
}
.copyright {
    margin: 4em 0 0em;
}
}
@media(max-width:1366px){
	.count-center {
    width: 77%;
	padding:3em 0em;
	}
	.top h1 {
    font-size: 50px;
	}
.copyright {
    margin: 1em 0px 0em;
}
}
@media(max-width:1280px){
	.count-center {
    width: 82%;
	}
}
@media(max-width:1250px){
	.count-center {
    width: 80%;
	}
}
@media(max-width:1080px){
	.count-center {
    width: 90%;
}
}
@media(max-width:1024px){
	.count-center {
    width: 82%;
    padding: 2em 0;
	}
.top h2 {
    margin: 1.5em 0;
}
.copyright {
    margin: 2em 0 0em;
}
}
@media(max-width:991px){
.count-center {
    width: 91%;
}
	.top h2 {
    margin: 1.5em 0;
}
}
@media(max-width:800px){
.count-center {
    width: 96%;
}
}
@media(max-width:768px){
.count-center {
    width: 98%;
	padding: 8em 0;
}
.top h1 {
    font-size: 50px
}
.top h1 {
    font-size: 47px;
	    letter-spacing: 11px;
}
.top h2 {
    letter-spacing: 5px;
}
}
@media(max-width:767px){
.count-center {
    padding: 2em 0;
}
}
@media(max-width:667px){
	.count-center {
    padding: 4em 0;
}
.copyright p {
    letter-spacing: 2px;
}
.top h2 {
letter-spacing:6px;
}
}
@media(max-width:640px){
	.count-center {
    padding: 3em 0;
}
	.top h1 {
    font-size: 40px;
    letter-spacing: 12px;
}
.top h2 {
    letter-spacing: 4px
}
.copyright p {

    letter-spacing: 2px;
	    line-height: 27px;
}
}
@media(max-width:568px){
	.top h1 {
    font-size: 37px;
    letter-spacing: 10px;
}
.copyright p {word-spacing:0px; }
}
@media(max-width:480px){
	.top h1 {
    font-size: 30px;
    letter-spacing: 11px;
}
.top h2 {
    letter-spacing: 2px;
}
.copyright p {
    letter-spacing: 1px;
}
.copyright {
    margin: 1em 0em;
}
}
@media(max-width:440px)
{
.count-center {
    padding: 2em 0;
}
	.top h1 {
    font-size: 30px;
    letter-spacing: 7px;
}
@media(max-width:414px){
.top h1 {
    font-size: 30px;
    letter-spacing: 7px;
}
.top h2 {
    letter-spacing: 1px;
}
.copyright {
    margin: 1em 1em;
}
}
@media(max-width:384px){
	.top h1 {
    font-size: 29px;
    letter-spacing: 6px;
}
.copyright {
    margin: 1em 1em;
}
}
@media(max-width:375px){
	.top h1 {
    font-size: 27px;
}
	.top h2{
	line-height:22px;
}
}
@media(max-width:320px){
	.count-center {
    padding: 1em 0;
}
.top h2 {
	 letter-spacing: 1px;
	 margin: .5em 0;
    line-height: 20px;
}
	.copyright {
    margin: 0em 1em;
}
	.top h1 {
    letter-spacing: 4px;
}
}