@charset "utf-8";

/* 
	==================================
	Desktop Styles: 769px and greater
	==================================*/

/* 
	================================
	Tablet Styles: 481px and greater
	================================
*/

@media screen and (max-width: 725px) {
	
    html {
        width: 100%;
        height: 100%;
    }
    
    header {
		height: auto;
		padding: 2px;
        width: 100%;
    }
 
    body {
    margin-left: 1px;
    margin-right: 1px;
    padding: 5px;
    width: 100%;
    }
    
    article {
    width: 100%;
    }
 
	h1 {
		display: none;
		clear: left;
		text-align: center;
		font-size:1em;
		width: 50%;
		height: auto;
		margin: 2px; 
		padding: 2px;
		color: white;
		vertical-align: text-bottom;
		text-shadow: 1px 0px 0 rgba(24,24,24, 0.4);
		}
	
	h3 {
		display: block;
        width: 100%;
        text-align: center;
		padding: 0px;
        text-size: 2em;
		}
	
    
    dl {
	column-count: 1;
    line-height: 1em;
    }
/*	Removed this item from the index page in 2020 - no longer used	
article figure {
	clear: both;
	display: inline-block;
	width: 90%;
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
	font-size: .7em;
	text-align: center;
	color: black;
	padding: 10px;
	margin-left: auto;
    margin-right: auto;
	background-color: goldenrod;
	-moz-box-shadow: 10px 0 5px rgba(24,24,24, 0.6); /* contract inner right shadow 
	-webkit-box-shadow: 10px 0 5px rgba(24,24,24, 0.6);
	box-shadow: 10px 0 5px rgba(24,24,24, 0.6),
				-10px 0 5px rgba(24,24,24, 0.6);
} 


	ul#VarietyGuests {
	display: none;
}
    
   .amenities {
        width:100%;
        font-size:.9em;
        display:block;
        clear:left;
        float:left;
        text-size: .8em;
        margin-right: 3px;
    }
    .amenities dt {
    margin: 3px;
    width: 90%;
    font-size: .9em;
}
*/
.Faq dt {
    margin: 0px;
    font-size: .9em;
}

dl.Faq {
    width: 90%;
    margin: 0px;
    padding: 1px 0px;
    font-size: .9em;
}
dl.rates {
	width: 90%;
	font-size: .9em;
	padding: 1px 0px;
	margin: 0px;
	line-height: 1em;
	list-style-type: none;	
}

dl.rates > dt {
    font-size:.9em;
    margin: 0px;
    padding: 00px;
    border-top-style: dotted;
    border-top-color: black;
    
}
dl.Nearby {
	width: 90%;
	font-size: .9em;
	padding: 0px;
	margin: 0px;
	line-height: 1em;
	list-style-type: none;	
}
dl.Nearby > dt {
    font-size:1;
    margin: 0px;
    padding: 0px;
    border-top-style: dotted;
    border-top-color: black;
    
}

    .scrappers {
        display:block;
        clear:left;
        width:100%;
        font-size: .8em;
    }
    
    iframe {
        
        width:"400";
        height:"300";
    }

	footer {
		width: 100%;
        height: auto;
        font-size: x-small;
	}
	
}


/* 	==============================
	Mobile Styles: 0px to 480px
	=============================
*/

@media screen and (max-width: 479px) {

article {
    padding: 2px;
    font-size: .7em;
}

	header {
		padding: 0px;
	}
    
    body {
    padding: 0px;
    margin:0px;
    width: 100%;
}

	h1 {
		display: none;
		clear: left;
		text-align: right;
		font-size: .8em;
		width: 70%;
		height: auto;
		margin: 10px 2px; 
		padding: 2px;
		color: black;
		vertical-align: text-bottom;
		text-shadow: 1px 0px 0 rgba(24,24,24, 0.6);
		}

    h2 {
        text-size:2em;
    }
	
	h3 {
		display: block;
        width: 100%;
        text-align: center;
		padding: 0px;
		}
	
	h4 {
        display: none;
	}
        
   /* 
    nav {
        margin: 0px;
        padding: 0px;
    }
    nav li {
        margin:0px;
        padding:2px;
        clear: left;
        width: 100%;        
    }
	
	figure {
		clear: left;
		display: block;
		margin-left: auto;
		margin-right: auto;
		padding: 8px;
	}
    
    figure img {
        display:block;
        width:100%;
    }
	
	ul#VarietyGuests {
		display: none;
		clear: left;
		}
	*/
	dl {
		display: none;
	}

	footer {
		width: 100%;
        height: auto;
        font-size: x-small;
	}
	
}