/** code by webdevtrick ( https://webdevtrick.com ) **/
@media screen and (min-width: 480px) {
body {
	background: #white;
	font-size:22px;
	line-height: 32px;
	color: #ffffff;
	word-wrap:break-word !important;
    font-family: 'Arial', sans-serif, Quicksand;
	width: 100%; 
	height: 100%; 
	min-width: 1000px; 
	//min-height: 1000px;
	margin: 0;
	padding: 0;
}
}

#container {
		margin: 0 auto;
	width: 100%;
    min-width:1000px;
    height:auto;
}
 
nav {
	margin: 25px 0;
	background-color: #58595B;
}
nav ul {
	padding: 0;
        margin: 0;
	list-style: none;
	position: relative;
	}	
nav ul li {
	display:inline-block;
	background-color: #008569;
	width:205px;
	}
nav a {
	display:block;
	padding:0 10px;	
	color:#FFF;
	font-size:20px;
	line-height: 60px;
	text-decoration:none;
}
nav a:hover { 
	background-color: #ED1C24; 
}
nav ul ul {
	display: none;
	position: absolute; 
	top: 60px; 	
}	
nav ul li:hover > ul {
	display:inherit;
}	
nav ul ul li {
	width:240px;
	float:none;
	display:list-item;
	position: relative;
}
nav ul ul ul li {
	position: relative;
	top:-60px; 
	left:230px;
}
nav ul ul li {
	border: 1px solid white;
}	
li > a:after { content:  ' ▼'; }
li > a:only-child:after { content: ''; }

h1.a1{
	text-align: center;
	font-size:10px;
	font-family:helvetica;
}
	
p.a1{
	font-family: Quicksand;
	padding-top: 20px;
	padding-bottom: 20px;
	//margin:50px;
	text-align:center;
	color: #58595B;
	width: 1000px;
		width: 100%;
    min-width:1000px;
    height:auto;
}

img.a1{
	width:70px
	height:50px;
}
div.imgsh{
	width: 100%;
    min-width:1000px;
    height:auto;		
}

table.table1
{
width: 1000px;
//margin-top:2px;
//margin-left:2px;
//margin-right:2px;
border:4px solid black;
//border-collapse: collapse;
}

.c3{
	width: 400px;
	height:60px;
	background-color:#58595B;
	//background-color:#ED1C24;
}
.c4{
	width: 400px;
	height:60px;
	background-color:#58595B;
}
hr { 
		width: 1000px;
        position: relative; 
        top: 20px; 
        border: none; 
        height: 2px; 
        background: #58595B; 
        //margin-bottom: 50px; 
        }
		
table.table2
{
width: 1000px;
//margin-top:2px;
//margin-left:2px;
//margin-right:2px;
border:4px solid black;
border-collapse: collapse;
}

table.table3
{
width: 1000px;
//margin-top:2px;
//margin-left:2px;
//margin-right:2px;
border:4px solid black;
border-collapse: collapse;
}

table.table4
{
width: 1000px;
//margin-top:2px;
//margin-left:2px;
//margin-right:2px;
border:4px solid black;
border-collapse: collapse;
}

div.a2{
width: 1000px;
height:25px;
	  	font-family: Quicksand;
font-size: 20px;
	//line-height: 22px;
color: white;
//padding-top:2px;
padding-bottom:4px;
  background: #58595B;	
}

img.a2 
 { 
	filter: drop-shadow(5px 5px 5px #222); 
	float: left;  
   //margin: 10px;
   //padding-right: 10px;
      padding-left: 30px;
   }

/* Slideshow container */
.slideshow-container {
width: 1000px;
height:85px;
 //position: relative;
  background: #f1f1f1f1;
}

/* Slides */
.mySlides {
  display: none;
  //padding: 85px;
  text-align: center;
}


/* The dot/bullet/indicator container */
.dot-container {
width: 1000px;
  height: 26px;
    text-align: center;
    //padding: 3px;
    background: #008569;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 12px;
  width: 12px;
  margin: 0 8px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

/* Add a background color to the active dot/circle */
.active, .dot:hover {
  background-color: red;
}

/* Add an italic font style to all quotes */
p.a3 {
	  	font-family: Quicksand;
font-size: 14px;
	line-height: 20px;
font-style: italic;
color: black;
padding-top:4px;
padding-right:30px;
}

/* Add a blue color to the author */
.author {
	  	font-family: arial;
font-size: 14px;
line-height: 0px;
color: red;
padding-right:30px;
}