body {font-family: "Arial Narrow", Arial, sans-serif;}

h1 {font-family: "Arial Narrow", Arial, sans-serif; font-weight: bold; color: #9d9fa2; }
h2 {font-family: "Arial Narrow", Arial, sans-serif; font-weight: bold;}
h3 {font-family: "Arial Narrow", Arial, sans-serif; font-weight: bold;}
h4 {font-family: "Arial Narrow", Arial, sans-serif; font-weight: bold;}
h5 {font-family: "Arial Narrow", Arial, sans-serif; font-weight: bold;}
p {font-family: "Arial Narrow", Arial, sans-serif; font-size: 1.2rem; line-height: 1.5;}
li {font-family: "Arial Narrow", Arial, sans-serif; font-size: 1.2rem; line-height: 1.5;}

.clear { clear: both; }

a {color: #e84c9c;}
a:hover {color: #9d9fa2;}

.pink {color: #e84c9c;}
.grey {color: #9d9fa2;}

.logo { padding: 2rem; margin-top: -80px; }

.logo-overlay {height: auto; background: rgba(142, 63, 103, 0.5); }
.logo-overlay ul {margin-top: 0px;}
.logo-overlay li {list-style: none;}
.logo-overlay li a {width: 100%; color: #fff; display: block; font-weight: bold; text-align: center; line-height: 1; margin-bottom: 0px; padding-top: 15px; padding-bottom: 15px; }
.logo-overlay li:hover {background: #222; }
.logo-overlay ul {margin-left: 0px; }
.logo-overlay a {color: #fff;}

#home-slider {height: 600px;  background: #555; width: 100%; background-image: url('../images/home/hr.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; }
#home-slider .home-overlay {height: 70px; background: rgba(142, 63, 103, 0.5); }
#home-slider .home-overlay h3 {text-align: right; color: #fff; font-size: 1.4rem; padding-top: 22px; text-transform: uppercase; }

#home-icons {padding-top: 2rem; padding-bottom: 1rem;}
#home-icons p {text-align: center; color: #9d9fa2; font-size: 1.6rem; font-weight: bold; }
#home-icons img {width: 100%; height: auto; margin-bottom: 20px;}
#home-icons img:hover {opacity: 0.7;}
#home-icons a {color: #9d9fa2;}
#home-icons a:hover {color: #e84c9c;}

#home-about ul {display: block;     width: 100%; }
#home-about li {color: #fff; font-style: italic; margin-bottom: 5px; font-weight: 500; }	

#home-about {background-color: #e84c9c; padding-top: 2rem; padding-bottom: 1rem; background-image: url('../images/hr-logo-reversed2.png'); background-repeat: no-repeat;     background-size: 50%;
    background-position: 87.5% 120%;}
#home-about	h1 {color: #fff; font-size: 1.8rem;}	
#home-about	p {color: #fff;}	

#home-slider.aboutusslider {background-image: url('../images/about/about.jpg'); }

#home-slider.reviewslider {background-image: url('../images/about/review.jpg'); }

#about-welcome {padding-top: 3rem; padding-bottom: 2rem;}


#about-about2 {background: #fff; padding-top: 2rem; padding-bottom: 1rem; }
#about-about2 h3 { color: #9d9fa2; }
#about-welcome h3 { color: #9d9fa2; }

#about-about {background: #e84c9c; padding-top: 2rem; padding-bottom: 1rem; color: #fff;}
#about-about li {color: #fff; font-style: italic; margin-bottom: 5px; font-weight: 500; }	


#home-slider.servicesslider {background-image: url('../images/about/services.jpg'); }

#services-welcome {padding-top: 3rem; padding-bottom: 0rem; position: relative;}
.services-box { padding-right: 4rem; margin-bottom: 3rem; }
#services-welcome  .services-wrap {padding: 2rem; background: #e84c9c; color: #fff; margin-bottom: 1rem; }

.relative {position: relative;}
.hr-logo-services { bottom: 0; position: absolute;}

#home-slider.contact {background-image: url('../images/about/contact.jpg'); }

footer {background: #9d9fa2; padding-top: 1rem; padding-bottom: 1rem; border-top: 10px solid #e84c9c; }
footer .webdesign {text-align: right;}
footer p {color: #fff; font-weight: bold; font-size: 0.9rem; margin-bottom: 0px; }
footer a {color: #fff; font-weight: bold; font-size: 0.9rem; }
footer a:hover {color: #e84c9c;}

.profile-photo {width: 90%; max-width: 400px; margin-bottom: 2rem;}

#home-slider.contactslider {background-image: url('../images/about/contact.jpg'); }
#contact-welcome {padding-top: 3rem; padding-bottom: 4rem; position: relative;}

#contact-form input[type='text'], #contact-form [type='email'], #contact-form textarea, #contact-form [type='tel']  { background: #fadceb!important; border: none; }
#contact-form label {font-weight: bold; font-size: 1rem;}
#contact-form textarea {height: 250px;}
#contact-form input[type='submit'] {width: 200px; background: #e84c9c; border: none; color: #fff; font-weight: bold; line-height: 1; padding-top: 1.3rem; padding-bottom: 1rem; }
#contact-form input[type='submit']:hover {background: #9d9fa2;}


/* Small only */
@media screen and (max-width: 39.9375em) {

		.hide-mobile {display: none;}

		h1 {font-size: 2.2rem;}
		h2 {font-size: 1.8rem;}

		#home-about {background: #e84c9c;}

		#home-slider {height: auto;}
		.home-overlay {display: none;}
		.logo-overlay {    margin-top: 0.75rem;}


		#services-welcome  .services-box {padding-right: 0px;}

		.logo { width: 100%; height: auto; max-width: 200px; margin-top: 0px; margin-left: auto; margin-right: auto; display: block; }

		footer .webdesign {text-align: left; margin-top: 1rem;}

		.hr-logo-services { margin-top: 2rem; position: relative;}

}


/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {

		#home-slider .home-overlay h3 {font-size: 1.1rem;}

		#home-about {background: #e84c9c;}

		.hr-logo-services { margin-top: 2rem; position: relative;}

}