body {font-family: "Helvetica", Arial, sans-serif;}
h1, h2, h3, h4, h5, h6, p, ul, label {color: #212223; font-weight: normal!important;}
h2 {font-size: 36px;}
a {color: #94c173; text-decoration: none;}
a:hover {color: #505050; text-decoration: none;}
p, ul {font-size: 14px; color: #505050;}

.white {color: white;}
.bg-green {background-color: #93c371;}
.bg-grey {background-color: #eeeeee;}

.header-link {font-size: 16px; font-weight: normal;}
.header-link a {font-size: 16px; font-weight: normal; color: #505050; text-decoration: none;}
.header-link a:hover{font-size: 16px; font-weight: normal; color: #94c173; text-decoration: none;}

.services-link a {font-size: 14px; font-weight: normal; color: #505050; text-decoration: none;}
.services-link a:hover{font-size: 14px; font-weight: normal; color: #505050; text-decoration: none;}

.navbar {padding: 0;}
.navbar-light .navbar-nav .nav-link {color: #212223; font-size: 21px;}
.navbar-light .navbar-nav .nav-link a {color: #212223; font-weight: normal; font-size: 21px; padding: 0px 20px 0px 0px;}
.navbar-light .navbar-nav .nav-link a:hover {color: #212223; font-weight: normal; font-size: 21px; padding: 0px 20px 0px 0px;}

.dropdown-menu {left: auto!important;}

.sidebar-link a {color: black;}
.sidebar-link a:hover {color: #7a7a7a;}

.bottom-margin {border-bottom: 1px solid white;}

.btn-custom {background-color: #93c26f; color: white;}
.btn-custom:hover {background-color: #727370; color: white;}

.faq-number {background-color: #eeeeee; padding: 15px; display: inline-block;}
.faq-number-size {font-size: 70px;}

.text-shadow {text-shadow: 1px 1px 7px #000000;}
.background-overlay {background-color: rgba(0,0,0,0.4);}

.border-black {border: 1px solid black;}

.line-right {
  margin-right: 0;
  border-right: none;
}

.small-text {font-size: 12px;}

/*
Extra small devices (portrait phones, less than 576px)
No media query since this is the default in Bootstrap
*/


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	.card-custom {width: 44%; margin-bottom: 20px;}	
	.solutions-section h3 {font-size: 23px;}
	.arrow-makeovers {font-size: 40px; color: #bfcc47;}
	.header-text {font-size: 20px; font-weight: normal; color: white; text-shadow: 0px 1px 2px #000000;}
	.mobile-center {text-align: center;}
}

/* Medium devices (tablets, 768px and up) */ 
@media (min-width: 768px) {
	.card-custom {width: 44%; margin-bottom: 20px;}	
	.arrow-makeovers {font-size: 50px; color: #bfcc47;}
	.header-text {font-size: 28px; font-weight: normal; color: white; text-shadow: 0px 1px 2px #000000;}
	.mobile-center {text-align: center;}
	
	.line-right {
	  margin-right: -1px;
	  border-right: 1px solid #c9c9c9;
	}
	
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.card-custom {width: 22%;}	
	.arrow-makeovers {font-size: 72px; color: #bfcc47;}
	.header-text {font-size: 32px; font-weight: normal; color: white; text-shadow: 0px 1px 2px #000000;}
	.mobile-center {text-align: center;}
	
	.navbar-nav {
	    display:table;
	    width:100%;
	    margin: 0;
	}
	.navbar-nav > li {
	    float:none;
	    display:table-cell;
	    text-align:center;
	}
	
	.line-right {
	  margin-right: -1px;
	  border-right: 1px solid #c9c9c9;
	}
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	
}

/* carousel full width */
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
        display: block;
        height: 400px;
        min-width: 100%;
        width: 100%;
        max-width: 100%;
        line-height: 1;
}