element.style {
}

.site-wrapper-inner {
    display: table-cell;
    vertical-align: top;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
user agent stylesheet
div {
    display: block;
}
Inherited from body
body {
    color: #fff;
    text-align: center;
    text-shadow: 0 1px 3px rgba(0,0,0,.5);
}
body {
    font-family: 'Encode Sans Semi Condensed', sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #fff;
    background-color: #fff;
	  
}

Inherited from html
html {
    font-size: 10px;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
html {
    font-family: 'Encode Sans Semi Condensed', sans-serif;

    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
Pseudo ::before element
:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
Pseudo ::after element
:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
	font-family: 'Encode Sans Semi Condensed', sans-serif;

}

/* Links */
a,
a:focus,
a:hover {
}

/* Custom default button */
.btn-default,
.btn-default:hover,
.btn-default:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritence from `body` */
  background-color: #fff;
  border: 1px solid #fff;
}

/*
 * Base structure
 */

html,
body {
/*css for full size background image*/
  background: url(/img/slide150.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
  height: 100%;
  background-color: #fff;
  color: #fff;
  text-align: justify;
	position: relative; 
	
	font-family: 'Encode Sans Semi Condensed', sans-serif;

 
}



/* Extra markup and styles for table-esque vertical and horizontal centering */
.site-wrapper {
  display: table;
  width: 100%;
  height: 100%; /* For at least Firefox */
  min-height: 100%;

}
.site-wrapper-inner {
  display: table-cell;
  vertical-align: top;
}
.cover-container {
  margin-right: auto;
  margin-left: auto;
}

/* Padding for spacing */
.inner {
  padding: 30px;
}


/*
 * Header
 */

/* Nav*/

.topnav {
	  position: relative;
    background-color: #fff;
    overflow: hidden;
	  margin-bottom: 10px;
	  width: 100%; 
	  top: 0;
	  border: 1px solid #000;
    border-radius: 1px;
}


/* Style the links inside the navigation bar */
.topnav a {
    float: left;
	  vertical-align: middle;
    display: block;
    color: #000;
    text-align: center;
    padding: 10px 20px;
    text-decoration: none;
    font-size: 17px;
    line-height: 64px;
    font-family: 'Encode Sans Semi Condensed', sans-serif;


}

/* Change the color of links on hover */
.topnav a:hover {
    color: rgba(37, 158, 73, 1);
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
    display: none;
}

#logo {
	border: 1px solid 000;
	border-radius: 1px;
}


/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 600px) {
  .topnav a:not(:first-child) {display: none;}
  .topnav a.icon {
    float: right;
    display: block;
  }
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
}


/*  Body */

/* Cover */

.cover {
  margin-top: 200px;
	background-color: rgba(0, 0, 0, 0.3);
	border-radius: 20px;
	text-align: center;
	
}
.cover .btn-lg {
  padding: 5px 30px;
  margin-bottom: 10px;
}

.cover-heading {
 margin-top: 10px;
 color: #fff;
 font-size: 35px;
 text-align: center !important;
}

.cover-heading2 {
 color: #fff;
 text-align: center !important;

}


/*home------------------------*/
#about {
	background-color: rgba(37, 158, 73, .8);
	text-align: justify;
	border: 1px solid #fff;
  border-radius: 1px;
  font-family: 'Encode Sans Semi Condensed', sans-serif;

}

#rentbtn {
border: 1px solid #000;
margin-top: 20px;
display:block;
padding: 30px;
font-size: 2em;
}

#rentbtn:hover {
	border: 1px solid #000;
	color: green;
  font-weight:600;
}


.site-wrapper h2 {
	text-align: center;
	font-size: 24px;
}

/*rental descriptions------------------------*/
.col-md-4 {
	text-align: justify;
}

#title {
	text-align: left;
}

h1, h2 {
	text-align: left;
}

.book {
  text-decoration: underline; 
}

#sunrise {
	background-color: rgba(206, 130, 0, .8);
	border: 1px solid #fff;
	border-radius: 1px;
}

#oceanfront {
	background-color: rgba(40, 138, 163,.8);
	border: 1px solid #fff;
	border-radius: 1px;
}

#gardenheights {
	background-color: rgba(37, 158, 73, .8);
	border: 1px solid #fff;
	border-radius: 1px;
}

#gallery,#gallery2,#gallery3,#gallery4,#gallery5,#gallery6,#gallery7,#gallery2 {
	width: 100%;
	height: 500px;
}


.table-bordered {
	color: black;
	background-color: rgba(255, 255, 255, .7);
	border-color: black;
	width: 100%;
	border-collapse: collapse;
	text-align: center;
	
}

#bb {
	border: 1px solid #000; 
	text-align: center;
}

#btnright {
	float: right;
	margin-bottom: 10px;
	font-weight: bold;
}

.amenities {
	text-align: left;
}




/*reviews-------------------------------------*/
#review {
	text-align: left;
	background-color: rgba(37, 158, 73, .8);
	border: 1px solid #fff;
	border-radius: 1px;

}


/*contact-------------------------------------*/
.social img{
  display: inline;
}
	

/* Footer ------------------------------------*/
/************************************************************
*************************Footer******************************
*************************************************************/



.footer-bottom {
	  position:absolute;
    background-color: #fff;
    min-height: 30px;
    width: 100%;
}

.sitemap {
    color: #000;
    line-height: 24px;
    min-height: 25px;
    padding: 10px 0;
	  text-align: left;
}

.sitemap a {
	color:green;
	font-weight: 600;
	padding-right: 10px;
}

.copyright {
	color: black;
	text-align: left;
	border-top-style: solid;
	border-top-width: thin
}


/*
 * Affix and center
 */

@media (min-width: 768px) {
  /* Pull out the header and footer */
  .masthead {
    position: fixed;
    top: 0;
  }
  .mastfoot {
    position: fixed;
    bottom: 0;
  }
  /* Start the vertical centering */
  .site-wrapper-inner {
    vertical-align: middle;
  }
  /* Handle the widths */
  .masthead,
  .mastfoot,
  .cover-container {
    width: 100%; /* Must be percentage or pixels for horizontal alignment */
  }
}

@media (min-width: 992px) {
  .masthead,
  .mastfoot,
  .cover-container {
    width: 700px;
  }
}