@charset "utf-8";
* {
	padding:0;
	margin:0;
}
html, body { 
	min-height: 100%; 
}
.hero-Image {
  background-image: url("background.png");
  background-color: #666666;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-blend-mode:overlay;
 
}

.Img1, .Img2, .Img3, .Img4, .Img5 {
	width:150px;
	height:75px;
	position:absolute;
	border:2px antiquewhite solid;
	background-size:cover;
}
.Img1 {
	left:5%;
	top:5%;
	rotate:10deg;
	background-color:rgba(156,155,155,0.45);
}

.Img2 {
	left:5%;
	top:30%;
	rotate:-10deg;
	background-color:rgba(156,155,155,0.45);
}

.Img3 {
	right:5%;
	top:5%;
	rotate:-10deg;
	background-color:rgba(156,155,155,0.45);
}
.Img4 {
	right:5%;
	top:30%;
	rotate:10deg;
	background-color:rgba(156,155,155,0.45);
}
.Img5 {
	left:5vw;
	top:3vh;
	rotate:0;
	background-color:rgba(156,155,155,0.45);
}

.series {
	/*margin-top:5vh;*/
	width:60vw;
	height:15vh;
	margin:auto;
	/*padding-top:2.5%;*/
	/*background-color:rgba(124,118,118,0.6);*/
	position:relative;
    text-align :center;
}
.series>a {
	display:block;
	position:relative;
	margin:auto;
	z-index: 2;
	top:25%;
}
.series>a>h1 {
	display:inline-block;
    text-align: center;
	color:antiquewhite;
	background-color:rgba(122,18,20,.85);
	border:black thin solid;
	border-radius: 1vw;
	margin:auto;
	/*text-shadow:
		2px 2px 0 #000,
		-2px 2px 0 #000,
		-2px -2px 0 #000,
		2px -2px 0 #000;*/
	
}
.series>a>h1:hover {
	color:#000;
	text-shadow:
		1px 1px 0 #fff,
		-1px 1px 0 #fff,
		-1px -1px 0 #fff,
		1px -1px 0 #fff;
}

.series>a>span ,.homebut>a>span { 
  position:absolute; 
  width:100%;
  height:100%;
  top:0;
  left: 0;
  z-index: 1;

  /* fixes overlap error in IE7/8, 
     make sure you have an empty gif */
  background-image: url('../empty.gif');
}   

.heading {
	font-size:6vw;
	color:antiquewhite;
	text-shadow:
		1px 1px 0 rgba(122,18,20,.85),
		-1px 1px 0 rgba(122,18,20,.85),
		-1px -1px 0 rgba(122,18,20,.85),
		1px -1px 0 rgba(122,18,20,.85);

}

.plate {
	border:thick solid rgba(0,0,0,1.00);
	border-radius: -5%;
	padding:0;
	margin:auto;
}

.homebut {
	position:absolute;
	top:0;
	left:0;
	width:200px;
	height:200px;
	background-image:url("../../grapics/logo2.png");
	background-size:contain;
}
