* {
	box-sizing:border-box;
}

html,body{height:100%;}


html { 
  background: url("bg2.jpg") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/* 
body {
  background-image: url("bg.jpg");
  background-repeat: no-repeat;
  background-attachment: fixed;
}
 */


/*  ------------------------------------------------------------------------------------------ */

h1 {
	margin-top: 1px;
	margin-bottom: 1px;
	color: white;
	padding: 0px 2px;
	text-align: center;
	text-decoration: bold;
	display: inline-block;
	font-size: 5vw;
    font-weight: bold;
}



hr {
	
	width: 95%;
	
}



/*  
div.banner_div  {
	text-align: center;
	display: inline-block;
	margin: auto;
	width: 95%;
	padding: 5px;
	height: 50px;
	font-size:medium;
	position:fixed;
	top: 0;
	background-color:rgba(255,255,255,0.3);
}
*/

div.banner_div {
	text-align: center;
	margin: auto;
	width: 95%;
	padding: 5px;
	background-color:rgba(255,255,255,0.5);
}

div.banner_div a:link	{
	margin-top: 1px;
	margin-bottom: 1px;
	color: black;
	padding: 0px 20px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	border-radius: 6px;
    border: 4px solid #444444;
	font-size:large;
}  
 
div.banner_div a:visited	{
	margin-top: 1px;
	margin-bottom: 1px;
	color: black;
	padding: 0px 20px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	border-radius: 6px;
    border: 4px solid #444444;
}  
 
div.banner_div a:hover	{ 
	background-color: teal;
}  

div.banner_div a:active	{ 
	background-color: teal;
}  











div.content  {
		text-align: left;
		margin: auto;
		width: 95%;
		padding: 5px;
		background-color:rgba(255,255,255,0.3);
		padding: 5px;
		bottom: 0;
		font-size:medium;
		min-height: 350px;

	}
	
img.logo {
	margin-top:-40px
	width: 30%;
	height: auto;
	float: right;
	margin:15px;
	max-width:500px;
	}

	div.content p.book {
	 /*		border-radius: 6px;
		border: 1px solid #444444;*/
	
	}


div.content a:link	{
 /*	font-size:1.1vw; */
	margin-top: 1px;
	margin-bottom: 1px;
	color: black;
	padding: 0px 1px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	border-radius: 6px;
    border: 1px solid #444444;
}  
 
div.content a:visited	{
 /*	font-size:1.1vw;  */
	margin-top: 1px;
	margin-bottom: 1px;
	color: black;
	padding: 0px 1px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	border-radius: 6px;
    border: 1px solid #444444;
}  
 
div.content a:hover	{ 
	background-color: teal;
}  

div.content a:active	{ 
	background-color: teal;
}  





/*  ------------------------------------------------------------------------------------------ */



img.banner {
	width: 95%;
	display: block;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
}



div.top p.book {
		border-radius: 6px;
    border: 1px solid #444444;
	
}

	
div.top  {
	min-height: 500px;
	text-align: left;
	margin: auto;
	width: 95%;
	padding: 5px;
	background-color:rgba(255,255,255,0.3);
	padding: 5px;
	bottom: 0;
	font-size:medium;
	 opacity: 1;

}


div.top a:link	{
 /*	font-size:1.1vw; */
	margin-top: 1px;
	margin-bottom: 1px;
	color: black;
	padding: 0px 1px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	border-radius: 6px;
    border: 1px solid #444444;
}  
 
div.top a:visited	{
 /*	font-size:1.1vw;  */
	margin-top: 1px;
	margin-bottom: 1px;
	color: black;
	padding: 0px 1px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	border-radius: 6px;
    border: 1px solid #444444;
}  
 
div.top a:hover	{ 
	background-color: teal;
}  

div.top a:active	{ 
	background-color: teal;
}  












/* ____________________________________________________________________________________________ */

div.copyright  {
	text-align: left;
	margin: auto;
	width: 90%;
	padding: 5px;
	background-color:rgba(255,255,255,0.3);
	padding: 5px;
	bottom: 0;
}

div.copyright a:link	{
 /*	font-size:1.1vw; */
	margin-top: 1px;
	margin-bottom: 1px;
	color: black;
	padding: 0px 1px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	border-radius: 6px;
    border: 1px solid #444444;
}  
 
div.copyright a:visited	{
 /*	font-size:1.1vw;  */
	margin-top: 1px;
	margin-bottom: 1px;
	color: black;
	padding: 0px 1px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	border-radius: 6px;
    border: 1px solid #444444;
}  
 
div.copyright a:hover	{ 
	background-color: teal;
}  

div.copyright a:active	{ 
	background-color: teal;
}  



tr.content {
	width:95%;
}
td.content {
	width:95%;
}






/*  ------------------------------------------------------------------------------------------ */



@media only screen and (max-width: 700px) {
    .simg {
		width:99%;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}

}
@media only screen and (min-width: 700px) {
  	.simg {
		width:400px;
		margin:15px;
		float: left;
	}
}


/*  ------------------------------------------------------------------------------------------ */







/* Use a media query to add a break point at 800px: */
@media screen and (max-width:800px) {
	.left, .main, .right, .center {
		width:100%; /* The width is 100%, when the viewport is 800px or smaller */
	}
}