@media only screen and (min-width: 1141px) {
/*-----BODY -----*/
	body {
    background-image: url(../images/seamless-pattern-BG.jpg);	
}

/*-----WRAPPER -----*/

/*-----CONTAINER -----*/
	#container {
		margin: 2em auto;
		border: 1px solid #888;
	    box-shadow: 4px 4px 3px #888888;
	}

/*-----HEADER -----*/
    
    .hidden {
        visibility: visible;
}

/*-----NAVIGATION -----*/


/*-----CONTENT -----*/
	
	#content div.row article {
		width: 46%;
		float:left;
		height: 600px;
		overflow: auto;
	}	
    
/* ----- SPECIAL PACKAGES ------- */
.information {
    display:flex;
    flex-direction: row;
    justify-content: center;
   align-items: flex-start;   
} 


/* ----- IMAGES ------*/
    figure.w100-Spa {
        background-image: url(../images/Spa-desktop.jpg);
        background-repeat: no-repeat;
        height: 466px;
        margin:2%;
}
    
    figure.w100-Reservations {
        background-image: url(../images/reservations-bedroom-desktop.jpg);
        background-repeat: no-repeat;
        height: 366px;
        margin:2%;
}
    
    figure.my30photo {
        width: 40%;
        float:right;
        margin:1em;
}    
    
	figure.w33 {
		width:33%;
        float: right;
        margin: 0 2% 1% 2%;
}
    
/*------ Scaling Google Map ------ */

    /*------- Googe Map ------ */
.google-maps {
     position: relative;
     padding-bottom: 75%; // This is the aspect ratio
     height: 0;  
     overflow: visible; 
    }

.google-maps iframe {
     position: absolute;
     top: 0;
     left: 0;
     margin: 2%;
     width: 96% !important;
     height: 100% !important;
    }
/*------- FORM STYLES -------- */
    input {
        padding:.75em;
        border-radius:7px;
        width: 50%;
}

/*----- FOOTER -----*/
    .companyInfo {
        display: inline-block;
        vertical-align: top;
        margin:1em 3em;
        width: 22%;
        font-size: 1.3em;
        font-weight: bolder;
        text-align: left;
}
    .companyInfo a {
        color: #000;
}    
}