* { box-sizing: border-box; }
body { background-color: #EAEAEA;
       color: black; 
	   font-family: Arial, Helvetica, sans-serif;
}
#wrapper {  
           background-color: #90C7E3;

           background-repeat: no-repeat;
}


header { background-color: #002171; 
         color: #FFFFFF; 
		 text-align: center;}

header a { text-decoration: none; }
header a:link { color: #FFF; }
header a:visited { color: #FFF; }
header a:hover { color: lightskyblue; }


nav { background-image: linear-gradient(to bottom, green, orange);
    text-align: center;
     font-weight: bold;
     margin-top: 0;	
     padding: 0;	
	 font-size: 120%;
 }
 

nav ul { list-style-type: none;
       margin: 0;
	   padding-left: 0;
	   font-size: 1.2em; }
nav li { border-bottom: 1px solid black; }
nav a { text-decoration: none; }
nav a:link { color: orange; }
nav a:visited { color: white; }
nav a:hover { color: blue; }
main { padding: 1px 20px 20px 20px;
      display: block;
	  background-color: #FFF;
	  
	  padding-left: 30px;
	  overflow: auto;
}
h1 { margin-bottom: 0; 
    margin-top: 0;
    font-family: Georgia, "Times New Roman", serif;
    font size: '120%';
    color: 'black';
    width: 100%;  
    height: 150%;
    background-color: 'orange'; 
	letter-spacing: 3.25em;
    padding-top: 0.5em;
	padding-bottom: 0.5em; 
}



h2 { color: black; 
     font-family: Georgia, "Times New Roman", serif;
     text-shadow: 1px 1px 1px black;	 }


h3 { color : #000033; 
    font-family: Georgia, "Times New Roman", serif; }



main ul {  color: black;
    font-size: 200%;
     font-family: Georgia, "Times New Roman", serif;
     text-shadow: 1px 1px 1px gray;
    list-style-image: url(marker.gif); 


}	
dt { color: #002171; }



.resort { color: #000;
          font-weight: bold; }
#contact { font-size: 90%; }
footer { font-size: 75%;
       font-style: italic;
	   text-align: center;
	   font-family: Georgia, "Times New Roman", serif; 
	   padding: 2em;
	   
	background-color: #FFF;}


/*#A {        margin-left: 48%;
            height: 300px;
            background-image: url(images/HIMSELF.JPG);
			background-repeat: no-repeat;
			background-size: 50% 100%; }
*/





  form { display: flex; 
         flex-flow: column nowrap; }    
  input, textarea { margin-bottom: .5em; }




input[type="submit"]{ grid-column: 2 / 3; width: 5em; margin-left: 0;}

  

			
@media (min-width: 600px) { 
    form {
        display: grid;
        grid-template-columns: 100px 250px 1px ;
        grid-row: auto;
    }
    
        nav ul  { display: flex;
		       flex-flow: row nowrap;
			   justify-content: space-around; }	
		nav li { border-bottom: none; }
		section { padding-left: 2em;
		        padding-right: 2em; }
		 .content main { display: grid;  
             grid-template-rows: auto ; 
             grid-template-columns: 1fr 1fr 1fr; }
			h2 { grid-row: 1 / 2; grid-column: 1 / 5; }
			section { grid-row: 2 / 3; grid-column: auto; }
			#special  { grid-row: auto; grid-column: 1 / 5; }
			footer { grid-row: auto; grid-column: 1 / 5; } 		
}				

@media (min-width: 1024px) { 
		 nav ul  { display: flex;
		       flex-flow: column;
			   padding-top: 1em; }
		 nav { text-align: left;
		       padding-left: 1em;}	  
		 #wrapper { margin: auto; 
		            width: 80%;
					border: 1px solid #000033; 
					box-shadow: 1px 1px #000033; 
					display: grid;
					grid-template-columns: 180px auto;
					grid-template-rows: auto;
		}	
		 header { grid-row: 1 / 2; grid-column: 1 / 3; }
		 nav     { grid-row: 2 / 5; grid-column: 1 / 2; }
		 div       { grid-row: 2 / 3; grid-column: 2 / 3; }
		 main    { grid-row: 3 / 4; grid-column: 2 / 3; }
		 footer  { grid-row: 4 / 5; grid-column: 2 / 3; }
			   
	}