@keyframes imt_animation {
from {
	top: 5px;
	}
  to {
    top: 76px;
  }
}
#imt_animationId {
animation:imt_animation 2s infinite linear 0s alternate;
}

body {
flex-direction: column;
display: flex;
}

body   {
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	font-size: 1.1em;
	vertical-align: text-top;
	
}

h1 {

	padding: 2px 9px;
	margin: 2px 10px;
	font-weight:normal;
}

h2 {
	padding: 2px 2px;
	margin: 0px 10px;
	font-weight:normal;
}

h3 {
	color: #6B6399;
	padding: 2px 2px;
	margin: 0px;
	font-weight:normal;
}

@keyframes fasteye_animation {
  0% {
    offset-distance: 0%;
  }
  100% {
    offset-distance: 100%;
  }
}

hr {
	height:5px;
	margin:4px;
	border:none;
}

#header{
   /* 0 flex-grow, 0 flex-shrink, auto flex-basis */
   flex: 0 0 auto;
}
#content{
   /* 1 flex-grow, 0 flex-shrink, auto flex-basis */
   flex: 1 0 auto;
}
#footer{
   /* 0 flex-grow, 0 flex-shrink, auto flex-basis */
   flex: 0 0 auto;
   padding:8px 4px 2px 4px;
 
}

#circlreId {
	offset-path: path('M28,28 H128 V204 H28 Z'); 
	animation: fasteye_animation 10000ms infinite  linear;
}

div.items {
	border: none;
}

a {
	text-decoration: none;
	color:inherit;
}

.item {
	display:block;
	width: 320px;
	height: 420px;
	padding: 4px;
	border: 4px #FFC880 solid;
	margin: 10px;
	text-align: left;
	float:left;
	position: relative;
}

div.maindiv {
	max-width: 100%;
	margin: auto; 
	padding: 0px;
	
}

#Ytable {
	border: none;
	position: absolute;
	top: 80px;
	left: 20px;
	z-index: 2;
	color: black;
	width: 290px;
}
td.Ytd {
	text-align: center;
	border: 1px solid yellow;
	background : rgba(255, 255, 255, 0.75);
	width: 70px;
	border-width: 2px;
	border-color: gray white white gray;
}


/* Large desktops and laptops */
@media screen and (min-width: 1200px) {
h1 {
	font-size:3em;
}
h2 {
	font-size:1.8em;
}
h3 {
	font-size:1.4em;
}
}
/* Portrait tablets and medium desktops */
@media screen and (min-width: 992px) and (max-width: 1199px) {
h1 {
	font-size:3em;
}
h2 {
	font-size:2em;
}
h3 {
	font-size:1.6em;
}

}
/* Portrait tablets and small desktops */
@media screen and (min-width: 768px) and (max-width: 991px) {
h1 {
	font-size:2.0em;
}
h2 {
	font-size:1.4em;
}
h3 {
	font-size:1.2em;
	font-style:italic;
}

}
/* Landscape phones and portrait tablets */
@media screen and (max-width: 767px) {
h1 {
	font-size:1.4em;
}
h2 {
	font-size:1.2em;
}
h3 {
	font-size:1.1em;
	font-style:italic;
}
}
/* Landscape phones and smaller */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
h1 {
	font-size:1.2em;
}
h2 {
	font-size:1.1em;
}
h3 {
	font-size:1.0em;
	font-style:italic;
}


}