/* Fading CSS  - found from W3schools */
.w3-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.w3-content,.w3-auto{margin-left:auto;margin-right:auto}.w3-content{max-width:980px}.w3-auto{max-width:1140px}

/* Hide the images by default */
.mySlides {
   display: none ;
}


/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}



.html,.body {
	width:100%; 
	height:100%; 
	margin:0px; 
	padding:0px;
}
  

.positionLeft {
	text-align: left;
}

.positionCenter {
		text-align: center;
	}

.positionRight {
		text-align: right;
	}

/*TILT*/
.tilt {
          transition: all 1s ease;
}
 
.tilt:hover {
		transform:scale(0.90)  rotate(5deg); 
}

/* Main Style Sheets */

body {
    font-family: Calibri,sans-serif;
	font-size:18px;
    color: #FFFFFF;
    background-color: #000000;
}
h1 {
    font-family:Times New Roman,Georgia,serif;
	font-size: 28px; 
	color: #FFFFFF;
} 

h2 {
    font-family:Times New Roman,Georgia,serif;
	font-size: 24px; 
	color: #FFFFFF;
	text-align: left;
} 

p2 {
	font-family: Calibri,sans-serif;
	color: #FFFFFF;
	background-color: #000000;
	font-size: 18px;
}
p1  {
	font-family: Calibri,sans-serif;
    color: #FFFFFF;
    background-color: #000000;
	font-size: 18px;
}

blockquote {
	font-family: Verdana,Arial,sans-serif;
	line-height:32px;
	font-size:12px;
	color:#FFFFFF;
	background: #000000;
	margin-left:50px;
	padding: 15px 20px 15px 20px;
	border-radius: 5px;
}
	
tbody {
	font-family: Verdana,Arial,sans-serif;
    color: #FFFFFF;
    background-color: #000000;
	font-size: 16px;
} 

table.table1 td {
	position: relative;
	overflow: hidden;
	}
	
table.table2 td {
	position: relative;
	width: 200px;
	height: 200px;
	overflow: hidden;
	}

.navbar {
	width: 100%;
	overflow: hidden;
	background-color: #000000;
	position: fixed;
	top: 0;
	border-bottom: 3px solid red;
 }
 
.navbar a {
	width: 12%;
	float: left;
	display: block;
	font-size: 18px;
	color: #e7dfdd;
	text-align: center;
	padding: 5px 10px;
	text-decoration: none;
	
}
.navbar a:hover {
	background: #000000;
	color: black;
}
.main {
	margin-top: 30px;
	margin-left: 50px;
}


@media (min-width: 43.75em) {
  #page {
    font-size: 1em;
    /* equivalent to 16px */
    line-height: 1.375;
    /* equivalent to 22px */
  }
}

@media (min-width: 43.75em) {
  h1 {
    font-size: 2.5em;
     /* 2.5x body copy size = 40px */
    line-height: 1.125;
	 }
}

@media (min-width: 43.75em) {
  blockquote {
    font-size: 1.5em;
    /* 24px / 16px = */
    line-height: 1.45833333;
    /* 35px / 24px */
  }
}

* {box-sizing:border-box}