// sets

$gl-ms         : "screen and (max-width: 23.5em)"; // up to 360px
$gl-xs         : "screen and (max-width: 35.5em)"; // up to 568px
$gl-sm         : "screen and (max-width: 48em)";   // max 768px
$gl-md         : "screen and (max-width: 64em)";   // max 1024px
$gl-lg         : "screen and (max-width: 80em)";   // max 1280px

// table style

table 			      { 
  border-spacing: 1; 
  border-collapse: collapse; 
  background:white;
  border-radius:6px;
  overflow:hidden;
  max-width:800px; 
  width:100%;
  margin:0 auto;
  position:relative;
  
  *               { position:relative }
  
  td,th           { padding-left:8px}

  thead tr        { 
    height:60px;
    background:#FFED86;
    font-size:16px;
  }
  
	tbody tr        { height:48px; border-bottom:1px solid #E3F1D5; }
    table td:last-child { border:0;}
  
	td,th 					{ text-align:left}
	&.l 					{ text-align:right }
		&.c 					{ text-align:center }
		&.r 					{ text-align:center }


h2{
		color: blue;
		
	}
/*Global*/
.container{
	width: 80%;
	margin: auto;
	overflow: hidden;
}

ul{
	margin: 0;
	padding: 0;
}
@media #{$gl-xs}    
  
	table  { display:block;}
	  > *,tr,td,th              { display:block }
    
    thead                     { display:none }
	  tbody tr                  { height:auto; padding:8px 0;}
		table td{ padding-left:45%; margin-bottom:12px;}
        table td:last-child{ margin-bottom:0 }
        table td:before              { 
          position:absolute;
          font-weight:700;
          width:40%;
          left:10px;
          top:0
        }
        
        table td:nth-child(1):before { content:"Date";}
        table td:nth-child(2):before { content:"inside";}
        table td:nth-child(3):before { content:"Ocean View";}
        table td:nth-child(4):before { content:"Veranda";}
        table td:nth-child(5):before { content:"Concierge";}
	  table td:nth-child(6):before { content:"Aqua Class";}
	  table td:nth-child(7):before { content:"The Retreat";}
        	


/* body style*/

body               { 
  color: blue;
  font:400 14px 'Calibri','Arial';
  padding:20px;
}

blockquote {
  color:white;
  text-align:center;
}