/*---Common Styles---*/
* {
	box-sizing: border-box;
}
body {
	font-family: 'Verdana', sans-serif;
	line-height: 1.6;
	color: #47566a;
	margin: 0;
}
.padding {
	margin: 5rem auto;
}
.padding-small {
	margin: 3rem auto;
}
.navbar {
	padding: .2rem 1rem;
}
.nav-item a {
	font-weight: 700;
	color: #47566a !important;
	margin-left: 1em;
}
.white-on-blue {
	background-color: #47566a;
	color: #fff;
}
.page-headers {
	margin-bottom: 3rem;
	padding: 2rem 0;
}
footer {
	background-color: #47566a;
	color: #d5d5d5;
	padding-top: 3rem;
	margin-top: 3rem;
}
footer a {
	color: #d5d5d5;
}
footer a:hover,
.nav-link:hover {
	color: #6a788b !important;
	text-decoration: none;
}
hr.light {
	border-top: 1px solid #d5d5d5;
	width: 75%;
	margin-top: .8rem;
	margin-bottom: 1rem;
}
hr.light-100 {
	border-top: 1px solid #d5d5d5;
	width: 100%;
	margin-top: .8rem;
	margin-bottom: 1rem;
}
.footer-logo {
	padding-top: .3rem;
}
.company-name {
	font-size: .9rem;
}

/*---Home Page Styles---*/
#home-page .header-img {
	padding: 7rem 0;
	background:url("../img/kitchen.jpeg");
	background-size: cover;
	background-position: 50% 0;
	background-repeat: no-repeat;
}
#home-page .header-content h1 {
	font-size: 4rem;
 	color: #fff;
 	font-weight: 600;
 	text-shadow: 3px 3px 25px #000;
}
#home-page .header-content h3 {
 	font-size: 2rem;
 	color: #fff;
 	margin-top: 3rem;
 	margin-bottom: 3rem;
 	text-shadow: 1px 1px 15px #000;
}
#home-page .header-content a {
	color: #fff !important;
	margin: 0 .5rem;
}
#home-page .jumbotron {
	padding: 1.5rem 0;
	border-radius: 0;
	margin-bottom: 4rem;
}
#home-page .lead {
	margin-bottom: 0 !important;
}
#home-page .services hr {
	border-top: 2px solid #b4b4b4;
	width: 95%;
	margin-top: .3rem;
	margin-bottom: 4rem;
}
#home-page .col-md-2 {
	padding: 0 .8rem !important;
}
#home-page .card {
	margin-bottom: 3rem;
	min-height: 330px;
}
#home-page .card-body{
	padding: 1rem .3rem !important;
}
#home-page .card-body h5 {
	font-size: 1rem;
	margin-bottom: 1rem;
}
#home-page .services-for,
#home-page .tailored {
	margin: 3rem 0;
	padding: 3rem 0;
}
#home-page .services-for {
	background-color: #47566a;
	color: #fff;
}
#home-page .services-for h2,
#home-page .tailored h2 {
	margin-bottom: 3rem;
}
#home-page .services-for div p,
#home-page .tailored div p {
	margin-bottom: 2rem !important;
}
#home-page .display-5 {
	font-size: 2.4rem !important;
}
#home-page .why-us {
	margin-bottom: 7rem;
}
#home-page .why-us h2 {
	margin-bottom: 4rem !important;
}
#home-page .area {
	padding-bottom: 1rem;
}
#home-page .area h2 {
	margin-bottom: 1.5rem !important;
}
#home-page .why-us-items {
	margin-top: auto;
	max-width: 675px;
}
#home-page .why-us ul li {
	font-size: 1.3rem;
	list-style: none;
	margin-top: 1.5em;
	position: relative;
	margin-left: 3rem;
}
#home-page .why-us ul li::before {
	content: '✔';
	display: inline-block;
	color: #fff !important;
	background: #5cb85c;
	height: 30px;
	width: 30px;
	border-radius: 50px;
	line-height: 30px;
	text-align: center;
	margin-right: 15px;
	position: absolute;
 	left: -50px;
}
#home-page .testimonials {
	background-color: #47566a;
	color: #fff;
	padding: 4rem 0;
}
#home-page .testimonials-container {
	max-width: 1200px;
	margin: 0 auto;
}
#home-page .testimonials-container h2 {
	margin: 0 1rem 4rem 2rem;
	font-size: 2.2rem;
}
#home-page .test-container {
	max-width: 1000px;
	margin: 0 auto;
}
#home-page .test {
	border: 2px solid #fff;
	border-radius: 1rem;
	padding: 1rem 2rem;
	margin: 0 2rem;
	min-height: 180px;
	position: relative;
}
#home-page .margin-right {
	margin-right: 3rem;
}
#home-page .margin-left {
	margin-left: 3rem;
}
#home-page .member-test {
	font-style: italic;
	text-align: center;
	margin-bottom: 3rem;
}
#home-page .member-name {
	position: absolute;
    bottom: 0;
	right: 0;
	margin: 0 2rem 1rem 0;
}
#home-page .tailored {
	margin: 2rem 0 0;
}
#home-page .areas {
	margin: 0 0 -4rem;
	padding: 4rem 0;
}
#home-page .areas div h2 {
	margin-bottom: 2rem;
}
#home-page .area-items p {
	font-size: 2rem;
}

/*---Contact Us Styles---*/
#contact-us .call-us h2 {
	margin: 3rem 0 1rem;
}
#contact-us .tel-number {
	font-size: 4rem;
	font-weight: 600;
	color: #5cb85c !important;
	margin-bottom: 2rem;
}
#contact-us .contact {
	margin: 4rem auto 6rem;
	max-width: 95%;
}
#contact-us .contact-form {
	max-width: 700px;
	border: 2px solid #47566a;
	border-radius: 10px;
	padding: 2rem;
}
#contact-us .contact-form h3 {
	margin-bottom: 3rem;
}
#contact-us .contact-form label {
	color: #47566a;
}
#contact-us .contact-form input,
#contact-us .contact-form textarea {
	border: 1px solid #47566a;
}
#contact-us .error-message {
	margin-bottom: 1rem;
}
#contact-us .error-message p {
	margin-bottom: -1rem;
}
#contact-us .error-message p:last-child {
	margin-bottom: 0;
}
#contact-us .hidden {
	display: none;
}
#contact-us .contact-success div p {
	padding: 2rem 0 3rem;
}

/*---Services and Pricing Styles---*/
#services h3 {
	margin-bottom: 2rem !important;
}
#services .intro-text h4 {
	margin-bottom: 2rem;
}
#services .list-group {
	margin: .5rem auto 3rem;
}
#services .quote-button {
	margin: 3rem auto;
}
#services .services-info {
	margin-bottom: 5rem;
}
#services .ironing-prices th {
	text-align: center;
}

/*---FAQs---*/
#faqs .accordian-container {
	max-width: 920px;
	margin-bottom: 5rem;
}
#faqs .card-header button  {
  	white-space: normal;
	background-color: #f9f9f9;
	color: #47566a;
}
#faqs .list-group-item  {
  	font-size: 1.2rem;
}

/*---Media Queries---*/
@media (min-width: 1px) and (max-width: 5000px) {
	.nav-container {
		max-width: 1200px;
		width: 100%;
		padding-right: 15px;
		padding-left: 15px;
		margin-right: auto;
		margin-left: auto;
	}
}
@media (min-width: 767px) and (max-width: 991px) {
	#home-page .card {
		min-height: 250px;
	}
	#home-page .card-body h5 {
		font-size: .8rem;
	}
	#home-page .card-body a {
		font-size: .6rem;
	}
}
@media (max-width: 993px) {
	.nav-container {
		padding-right: 0;
		padding-left: 0;
	}
	.navbar-brand img {
		width: 80%;
	}
	.nav-item a {
		font-size: .9rem;
		margin-left: .5em;
	}
	#home-page .header-img {
		padding: 5rem 0;
	}
	#home-page .header-content h1 {
		font-size: 3rem;
	}
	#home-page .header-content h3 {
	 	font-size: 1.6rem;
	 	margin-top: 2rem;
	 	margin-bottom: 2rem;
	}
	#services .ironing-prices {
		font-size: .8rem;
	}
}
@media (max-width: 767px) {
	.nav-item a {
		font-size: 1.2rem;
	}
	#first-nav-item {
		margin-top: 1rem;
	}
	.navbar-toggler {
    	border-color: rgb(71,86,106) !important;
		padding: 0 .6rem !important;
		max-height: 3rem;
		margin-top: .3rem;
	}
	.navbar-toggler-icon {
  		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(71,86,106, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
	}
	#home-page .header-img {
		padding: 4rem 0;
	}
	#home-page .header-content h1 {
		font-size: 2.3rem;
	}
	#home-page .header-content h3 {
	 	font-size: 1.3rem;
	}
	#home-page .header-content a {
		font-size: 90%;
	}
	#services .ironing-prices {
		margin-top: 1rem;
	}
	#contact-us .call-us h2 {
		font-size: 2.5rem;
	}
	#contact-us .tel-number {
		font-size: 3rem;
	}
}
@media (max-width: 523px) {
	a.navbar-brand {
		max-width: 300px;
		margin-right: 0;
	}
	.navbar-toggler-icon {
		max-width: 80% !important;
	}
	#home-page .header-img {
		padding: 2.5rem 0;
	}
	#home-page .header-content h1 {
		font-size: 2rem;
	}
	#home-page .header-content h3 {
	 	font-size: 1.1rem;
	}
	#home-page .header-content a {
		margin: 0 .3rem;
	}
	.lead {
		font-size: 1.1rem;
	}
	#home-page .why-us ul li {
		font-size: 1rem;
		margin-left: .5rem;
	}
}
@media (max-width: 491px) {
	.page-headers h1 {
		font-size: 2rem
	}
	#home-page .display-4 {
		font-size: 2.5rem;
	}
	#home-page .area-items p {
		font-size: 1.4rem;
	}
	#contact-us .call-us h2 {
		font-size: 2rem;
	}
	#contact-us .tel-number {
		font-size: 2.5rem;
	}
	#services .quote-button a {
		font-size: 90%
	}
}
@media (max-width: 403px) {
	a.navbar-brand {
		max-width: 240px;
	}
	.page-headers h1 {
		font-size: 1.8rem
	}
}
@media (max-width: 335px) {
	.page-headers h1 {
		font-size: 1.6rem
	}
	#home-page .header-content h1 {
		font-size: 1.8rem;
	}
	#home-page .header-content h3 {
	 	font-size: 1rem;
	}
@media (max-width: 324px) {
	.navbar-toggler {
		padding: 0 .4rem !important;
		max-height: 2.6rem;
		margin-top: .5rem;
	}
}
