* {
    box-sizing: border-box;
}


.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-14 {width: 45%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-13 {width: 88%;}
.col-11 {width: 91.66%;}
.col-15 {width: 95%;}
.col-12 {width: 100%;}



body {
    background-color: #dad6d6;
	margin:0;
	padding:30px;
			}
	a{ text-decoration:none;}
a:hover {
text-decoration:underline;
color: brown;}
		

	/* 
Generic Styling, for Desktops/Laptops 
*/
table { 
  width: 90%; 
  border-collapse: collapse; 
  }
  
  
.topnav-icon {
  display: none;
  
}


.slideshow {display:block; position:relative; padding: 10px; }











@media screen and (max-width: 728px) {
	.col-m-12 {width: 100%;}
	.col-m-15 {width: 95%;}
	
body {
	 
	margin:0;
	padding:10px;
 }
	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block;
		
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr {}
	
	td { 
		/* Behave  like a "row" */
		width:100%;
		border: none;
		position: relative;
		text-align: left;
		padding:5px;
		 
	}
	
	
	
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	
			
	.staff-image { 
		display:none;
		 
	}		

	.topnav {float:none; margin:0;  }
	.topnav a:first-child {display: none;}
	
	.topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
	display: block;
	font-size:25px; 
  color: #81007f;
  font-weight: bold; 
  text-decoration:none;
	
  }
  
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
	font-size:25px;
	color:#FFF;
	padding:5px;
	margin: 5px;
	text-decoration: none;
	
	
  }
  
  
  
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
	font-size: 20px;
	padding: 15px;
	background-color: #81007f;
	color: #FFF;
	text-decoration: none;
	
  }
  
  
	
	
	.topnav a::after { 
    content: " ";
	}
	
	.topnav .active  {
    color: #FFF;
	
    }
	
.topnav .active:hover  {
    color:#FFF;
	    }
	
	
	.slideshow {display:none;}
	
	
.footer {text-align:center}
	
	
	.banner-images {display:none;}
	
	
	.bottom-menu {display:none;}
	
	.rates-label {font-weight: bold;} 
	
	iframe {width:100%;
	height:auto;}
	
	}