body, html {
    height: 100vh;
		width: 100vw;
}
body{
  margin: 0;
  padding: 0;
  background-color: #222;
  font-family:"Tempus Sans ITC", "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 16px;
	}
				 
.wrapper {
				 	max-width:1024px;
  				min-height:600px;
  				background-image: url(img/bg.gif);
  				background-repeat: repeat;
  				margin-left:auto;
  				margin-right:auto;
					margin-top: 20px;
  				padding-top: 25px;
					padding-left: 5px;
  				border:5px solid #ccc;
  				border-radius:5px;
  				box-sizing: border-box;
					display: grid;
  				grid-template-columns: minmax(min-content, max-content) auto;
					grid-gap:5px;
					color: #660033;
					}
@media screen and (max-width: 513px) {
	body{
  margin: 0;
  padding: 0;
  background-color: #e9e9e9;
	background-image: url(img/bg.gif);
  background-repeat: repeat;
  font-family:"Tempus Sans ITC",Arial, Helvetica, sans-serif;
  font-size: 16px;;
	}
	 .wrapper {border:none;}
	.logoblock{	padding-bottom:20px; }
}			
header{
grid-column: 1/-1;
/*border-bottom: 2px solid #ccc;*/
}


main {
		 grid-column: 2/3;
  grid-row: 2 / auto;
	display:grid;
	grid-template-columns:1fr;
	grid-template-rows: auto;
  grid-gap: 0px;
	padding-left: 10px;
	box-sizing: border-box;
	}
	
	/*.menu-icon {
    margin: 0;
    padding: 19px 16px;
    display: inline-block;
    position: absolute;
    top:250;
    left: 0;
}
.menu-icon span {
    width: 30px;
    background-color: #000;
    height: 5px;
    display: block;
    margin-bottom: 6px;
}
.menu-icon span:last-child {
    margin-bottom:0px;
}*/
.toggle-btn {
						display: none;
						text-align: center;
						font-weight:bold;
						font-size:32px;
						cursor:pointer;
}

@media screen and (max-width: 513px) {
	.toggle-btn-visible {
		display: block;
		position: absolute;
		top:360px;
		left:10px;
		padding-bottom:15px;
	}

	.toggle-target-hidden {
		display: none;
	}

	.toggle-target-expanded {
		display: block;
			}
}
@media screen and (max-width: 360px) {
	.toggle-btn-visible {
		display: block;
		position: absolute;
		top:575px;
		left:10px;
	}

	.toggle-target-hidden {
		display: none;
	}

	.toggle-target-expanded {
		display: block;
		}
		.toggle-btn-visible {
		display: block;
		position: absolute;
		top:520px;
		left:10px;
	}
}

nav {
		grid-column:1/2;
		grid-row: 2 /3;
	}
nav {
             padding: 2px;
    				 margin-top:50px;
    				 padding-bottom:20px;
             margin-bottom: 5px;
						 font-size: 16px;
    				 line-height:25px;
						 box-sizing: border-box;
    			   }
nav ul {
    			   	margin:0;
    				  padding:0 30px 0 0;
    				  text-align: left;
							
    				  }
nav li {
    			   	display: block;
							margin-top: 5px;
							margin-bottom: 10px;
							}
nav a:link, a:visited{
    		 	text-decoration: none;
          background-color: #f4f4f4;
				 	color: #660033;
    			font-weight: bold;
          border-top : 3px solid #dadada;
				 	border-left : 3px solid #dadada;
					border-bottom : 3px solid #b2b2b2;
				 	border-right : 3px solid #b2b2b2;
					border-radius: 5px;
					box-sizing: border-box;
    			
         /* margin-bottom: 5px;*/
    					}
nav a:hover
    			   	{
    			   text-decoration: none;
             background-color: #630333;
             color : #ffffff;
              border-top : 3px solid #b2b2b2;
              border-left : 3px solid #b2b2b2;
              border-bottom : 3px solid #dadada;
              border-right : 3px solid #dadada;
              border-radius: 5px;
              }


.logo{
				/*float:left;*/
				grid-column:1/-1;
				grid-row: 1/2;
				margin-top: 10px;
        margin-bottom: 10px;
				margin-left:0px;
    		box-sizing: border-box;
				overflow:hidden;
    }
		   
    .logoblock{
    		display:block;
    		visibility:visible;
				text-align:center;
    }
		

		.shadow {
				padding-left: 10px;
				font-size:50px;
				color:#660033;
				text-shadow: 4px 4px 4px #7E0E46;
				padding-bottom: 90px;
				border-bottom: 2px solid #999;
				}
		.shadow2 {
				text-shadow: 4px 4px 4px #7E0E46;
				}
@media screen and (max-width: 640px) {
	.shadow {font-size:36px;
					padding-bottom: 90px;}
}	
			.hide{display:none;}
@media screen and (max-width: 513px) {
	.logoblock{	padding-bottom:0px; }
	.shadow {font-size:36px;
					padding-bottom: 50px;}
}	
h1{font-size:24px;}
h2{font-size:18px;}
.just{text-align:justify;}
.cent{text-align: center;}
.div1{ padding-top: 20px;
			 padding-left: 15px;
				padding-right:20px;
			}
.div2{ 
				padding-right:20px;
			}
.bold{font-weight: bold;}
.black{color: #000;}
.small{font-size:30px;}

.pad{padding-top: 10px;}
ul li{list-style-type: none;}
.dot{list-style-type: disc;}
.quote1{font-family:"Comic Sans MS", cursive;}
.quote2{font-family:"Trebuchet MS", sans-serif; font-weight: bold;}
.quote3{font-family:Arial,Helvetica, sans-serif; font-weight: bold;}
.quote4{font-family:"Tempus Sans ITC",Georgia, serif; font-weight: bold;}
.quote5{font-family:"Times New Roman", serif; font-weight: bold;}
img{
		height:auto;
		max-width:100%;
		}
.img1{
    			display:block;
    			float:left;
    			margin-bottom: 20px;
    			margin-left:auto;
    			margin-right:20px;
    			border:2px solid #ccc;
    			border-radius:5px;
    			box-shadow: 5px 5px 5px 5px #BC87A1;
					box-sizing: border-box;
}
.img2{
    			display:block;
    			float:right;
    			margin-bottom: 20px;
    			margin-left:20px;
    			margin-right:auto;
    			border:2px solid #ccc;
    			border-radius:5px;
    			box-shadow: 5px 5px 5px 5px #BC87A1;
					box-sizing: border-box;
}				
.img3{
    			display:block;
    			margin-bottom: 20px;
    			margin-left:auto;
    			margin-right:auto;
    			border:2px solid #ccc;
    			border-radius:5px;
    			box-shadow: 5px 5px 5px 5px #BC87A1;
					box-sizing: border-box;
}				 
.img4{
    			display:block;
    			float:left;
    			margin-bottom: 20px;
    			margin-left:40px;
    			margin-right:20px;
    			border:2px solid #ccc;
    			border-radius:5px;
    			box-shadow: 5px 5px 5px 5px #BC87A1;
					box-sizing: border-box;
}
.img5{
    			display:block;
    			float:right;
    			margin-bottom: 20px;
    			margin-left:20px;
    			margin-right:40px;
    			border:2px solid #ccc;
    			border-radius:5px;
    			box-shadow: 5px 5px 5px 5px #BC87A1;
					box-sizing: border-box;
}	
.disclaim{
					text-align:center;
					font-size: 12px;
        	font-weight: normal;
					color: #777;
					}
footer {
grid-column:1/3;
  grid-row: 4 / 5;
	font-family: Arial, Helvetica, sans-serif;
      	font-size: 12px;
        font-weight: normal;
				color: #777;
				text-align: center;
				border-top: 1px solid #003366;
}
.bottomnav a:link, .bottomnav a:visited {
margin-right : 2px;
padding : 3px 1px 3px 1px;
color : #000099;
text-decoration : none;
}
.bottomnav a:hover {
margin-right : 2px;
padding : 3px 1px 3px 1px;
color : #870487;
text-decoration : none;
}