/*	This is used when you are making a website with individual css for each page
	NOTE: Use the master css for any items that you want to be constant throughout the website
*/

#homesecwrapper{margin: 0 auto 30px 0; max-width: 1200px; text-align: justify;}
#homesec1{display: inline-block; width: 44%; vertical-align: top;}
#homesec2{display: inline-block; width: 49%; vertical-align: top; margin: 0px 0px 0px 30px;}
.accomtext1{ display: inline-block; width: 50%; vertical-align: top;}
.accomtext2{ display: inline-block; width: 49%; vertical-align: top;}
.tablewrapper{ font-size: 0.9em !important; margin: auto; text-align: center;}
.ResortWrapper{display: inline-block; width: 25%; vertical-align: top; }
.ResortType{display: inline-block; margin: 20px 5px; }
.AccomWrapper{display: inline-block; width: 70%; vertical-align: top;}
.AccomType{display: inline-block; margin: 20px 10px; }
.FacilityWrapper{display: inline-block;}
.Facilities{display: inline-block; width: 15%; vertical-align: top; margin: 5px; }


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

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

@media screen and (max-width:1000px){
    .ResortWrapper{width: 100% !important; }
    .AccomWrapper{ width: 100% !important;}
    .Facilities{margin: 10px !important; }
    .AccomType{display: inline-block; margin: 0px 10px 10px 0 !important;  width: 25%; vertical-align: top;}
    
}

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

@media screen and (max-width:800px){
    #homesec1{display: block; width: 100%;}
    #homesec2{display: block; width: 100%; margin: auto;}
}

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

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

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

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

@media screen and (max-width:360px){
    .tablewrapper{ font-size: 0.7em !important; }
    
}