#quotes{ background-image:url("images/quote10.jpg");
		 background-size: contain;
		 background-repeat: no-repeat;
}

#privacypage {
	margin: auto;
}

.topbar {width:100%;
		height: 100px;
		background-color: black;
		}
section {
	width: 100%;
	height: 100vh;
}
.btn .btn-success .rbtn{background-color: #DE6F83;
		color:#fff;	
} 

.burger{	display:block;
			cursor: pointer;
	 		position: absolute;
   			top: 20px;
  			left: 20px;
	}	
		
.burger div { width: 25px; 
			  height: 3px; 
			  background-color: #F7F7F7;
			  margin: 5px;
			 }

#logoSmall {position:relative;
			align-content: center;
			top: 10px;
	 		left: 10px;
			display: none;
		}
#lizzie{
		padding:5%}

#closet{margin:auto;
		padding:20px;
}

#privacy{
	margin-bottom:50px;

}

#president{
	margin-bottom:40px;
}

#lady{margin-top:10%;
	  padding: 10px;
}

#Lizzie7{
	  padding: 10px;
}

#Life{margin:auto}

#learn{margin:auto;
	   padding-bottom: 20px;}

#contact {
  padding-top:20px;	
  margin: auto;
  font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif""Times New Roman", serif;
  font-size: 30px;
  color: #DE6F83;
 
}


.btn { 
	background-color: #DE6F83;
}

#someSpace {
	height: 50px;
}
#lifestyle {
	padding: 5%;
}
#travel {
	padding: 5%;
}

#laundry {

	padding: 5%;
}
#events {
	padding: 5%;
}
.privacyBanner{
background-image:url("images/correct.jpg");
	height:70vh;
    width: 100%;
	background-repeat: no-repeat;
    background-size: 100%;
	
}
.packagesBanner{
	background-image:url("images/manandson.jpg");
	height:70vh;
	background-repeat: no-repeat;
    background-size: 100%;
}
.servicesBanner{
	height:550px;
    width: 100%;
	background-image:url('images/services.jpg');
	background-repeat: no-repeat;
    background-size: 100%;
}
.jumbotron .container {
  position:relative;
  top:30px;
}
body {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 18px;
  line-height: 34px;
  color: #777;
  background: lightgray;
  display: flex; 
  flex-direction: column;
  min-height: 95vh;
}
* {
  box-sizing: border-box;
}
/* general */
.container {
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  clear: both;
}
h1,
h2,
h3,
p {
  margin-bottom: 20px;
  font-family: 'Raleway', sans-serif;
}

p:last-child {
  margin-bottom: 0;
}
h1,
h2,
h3
h4
h6{
  font-family: 'Raleway', sans-serif;
  font-weight: 700;
  color: #663E3F;

}
h1 {
  padding-bottom: 20px;
  padding-left: 20px;	
  font-size: 24px;
  font-family: 'Raleway', sans-serif;
 
}
h2,
h3 {
  font-size: 30px;
 font-family: 'Raleway', sans-serif;
  color: #DE6F83;
}

eventsTitle{font-size: 30px;
 			font-family: 'Raleway', sans-serif;
  			color: #DE6F83;
			margin-bottom: 0px;
}
/* header */
h4{font-size: 15px;
   font-family: 'Raleway', sans-serif;
   font-weight: 700;
   color: #797474;
}



header { 
  background-image:url("images/masthead.png");	
  width: 100%;
  height: 240px;
}

#logo{
	padding: 20px;
	margin: auto;
	

}

nav { position: relative;
    left: 50%;
    transform: translatex(-50%);}
nav a {
  padding-left: 35px;
	
  margin-left: 15px;
  line-height: 18px;
  color: #fff;
  text-decoration: none;
}

nav a:first-child {
  border-left: 0 none;
}

/* footer */

footer {
  
  padding: 10px 0;
  background-image:url("images/masthead.png");	
  clear: both;
  font-size: 12px;
  color: #fff;
  color: #ccc;
  text-align: center;
  height: 100px;
  margin-top: auto;
	
}
h3, h2 {
  padding-bottom: 20px;
  margin-bottom: 15px;
  line-height: 22px;
}
/* main */
.main-section {
  float: left;
  width: 100%;
  max-width: 960px;
  padding: 30px;
  margin: 0 0 40px;
  background: #fff;
  border: 1px solid #ddd;
}
/* portfolio page */
.work {
  position: relative;
  float: left;
  width: 274px;
  margin: 20px 0 25px;
  overflow: auto;
}
.work:nth-child(even) {
  margin-right: 40px;
}
.work img {
  width: 100%;
  border: 0 none;
  opacity: 0.8;
}
.work h3 {
  position: absolute;
  bottom: 20px;
  width: 100%;
  padding: 15px;
  margin-bottom: 0;
  font-weight: 300;
  line-height: 30px;
  color: #fff;
  text-align: center;
  background: #4aaaa5;
}
.auth-image {
  float: left;
  width: 200px;
  height: auto;
  margin-right: 25px;
}

/* contact page */

#contactform {
	background-color:#FAECEC;
	padding-bottom: 30px;	
}

#contact-form ul {	
  margin-bottom: 20px;
  list-style-type: none; /* Remove bullets */
  padding: 0; /* Remove padding */
  margin: 0; /* Remove margins */
}

#contact-form li {
  margin-bottom: 10px;
}

label,
input[type=text],
input[type=email],
textarea {
  display: block;
  width: 100%;
}

input[type=text],
input[type=email],
textarea {
  height: 35px;
  padding: 0 10px;
  font-size: 14px;
  border: 1px solid #ddd;
}

textarea {
  height: 200px;
}

input[type=submit] {
  margin: auto;	
  padding: 10px 30px;
  font-size: 18px;
  color: #fff;
  cursor: pointer;
  background: #DE6F83;
  border: 0 none;
}


.homeBanner { 
	align-content: center;  
	padding-top:12%;
    height:80vh;
    width: 100%;	
    background-image:url("images/homeImage.jpg");	
    background-repeat: no-repeat;
    background-size:100%;
}

#delegate{
		font-size: 30px;
	}

/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 1200px) {
	#quotes{ background-image:url("images/quote17.jpg");
		 background-size: cover;
		 background-repeat: no-repeat;
}
	
	
}
	
/* Small devices (landscape phones, less than 768px)*/
@media (max-width: 992px) { 
	
	#quotes{ background-image:url("images/quote17.jpg");
		 background-size: cover;
		 background-repeat: no-repeat;
	}
	
	
	
	
	footer {
  padding: 10px 0;
  background-image:url("images/masthead.png");	
  clear: both;
  font-size: 12px;
  color: #fff;
  color: #ccc;
  text-align: center;
  height: 100px;
	position: relative;
	bottom: 0;
}
	#rose{
	  opacity: .5; 	
	}
	.packagesBanner{
	background-image:url("images/manandson.jpg");
	height:300px;
	background-repeat: no-repeat;
    background-size: 100%;
}
	
	.homeBanner { 
	padding-top: 90px;
    height:400px;
    width: 100%;	
    background-image:url("images/homeImage.jpg");	
    background-repeat: no-repeat;
		background-size:100%;}
	
	.privacyBanner{
	background-image:url("images/correct.jpg");
	height:300px;
    width: 100%;
	background-repeat: no-repeat;
		background-size: 100%;
	}
	
	.servicesBanner{
	height:450px;
    width: 100%;
	background-image:url('images/services.jpg');
	background-repeat: no-repeat;
    background-size: 100%;
}

	#logoSmall {position:absolute;
		margin-bottom: 20px;
 	width: 150%;	
	max-width: 150px;
	margin: auto;
	display:block;
	left: 50%;
	transform: translateX(-50%);			 	
		}
	nav img {display:none}
	nav { position: absolute;
    
		
    transform: translatex(-50%);}
	
	
  nav a {
  padding: 2px;
  font-size: 25px;
  padding-left: 15px;
  margin-top: 110px;
  line-height: 18px;
  color: #fff;
  text-decoration: none;
}
		
	#body{ overflow-x:hidden;
	}
	
	
	
	#logo{
		  padding-left: 10px;
		align-content:center;
		
		
		
	}
	
  #masthead { height:200px;
	
  } 
	
	
	
	#welcomemessage{
		font-size: 30px;
	}
	
	#delegate{
		font-size: 25px;
	}
 	
}

/* Medium devices (tablets, less than 992px)*/
/*@media (max-width: 980px) { }*/
@media (max-width: 640px) {
	
	#welcomemessage{
		font-size: 25px;
	}
	h1{font-size:20px;}
	
	.homeBanner { 
	height: 200px; 
	padding-top: 90px;
  
    width: 100vw;	
    background-image:url("images/home.jpg");	
    background-repeat: no-repeat;
    background-size:100%;
}
	
	
	
	
#logo
	{resize: 10px;
	  padding:25px;
	}	
#masthead { 
	  height:300px; 
	  display: block;
  }
 
 


}

