/* Place your CSS changes here for smoother updates in the future */
h1 {font-size: 48px; font-family: 'Open Sans', sans-serif; padding-top: 20px; margin-bottom: 0px; color: #318281}
h2, h3, h4 {font-size: 40px; font-family: 'Open Sans', sans-serif;}
.hero-text {font-size: 20px !important; font-family: 'Open Sans', sans-serif; line-height: 28px !important; padding-bottom: 20px;}
.sub-title {font-size: 24px; font-family: 'Open Sans', sans-serif}
.sub-content {font-size: 16px !important; font-family: 'Open Sans', sans-serif; line-height: 28px !important}
div .heading-center {
    font-size: 40px;
}

section {
 padding-bottom: 40px; 
 padding-top: 40px;
}
nav.navbar .navbar-brand img {
  max-height: 40px;
}

nav.navbar ul.navbar-nav > li > a.nav-link {
  color: #318281;
}

.nav-link:hover, .nav-link:focus, nav.navbar .active {
  color: #c0c0c0 !important;
}

input.rounded {
	border: 1px solid #ccc;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	font-size: 20px;
	padding: 4px 7px;
	outline: 0;
	-webkit-appearance: none;
	width: 550px;
}
input.rounded:focus {
	border-color: #4cc4d6;
}
input.rounded2 {
	border: 1px solid #ccc;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	font-size: 20px;
	padding: 4px 7px;
	outline: 0;
	-webkit-appearance: none;
	width: 480px;
}
input.rounded2:focus {
	border-color: #4cc4d6;
}
.btn-primary {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-webkit-appearance: none;
	font-size: 16px;
	font-weight: bold;
	background-color: #107c7b;
	color: white !important;
}
.accent {
  color: #e84f97 !important;
}
.callout {
  color: #e84f97 !important;
}

section.new-arrivals .items .item .item-image {
 padding: 20px;
}

section.home-hero .container {min-height:140px !important}

.image2 { padding-top: 50px; }
.max-1000 {max-width:1000px; margin: auto}
.main-image {max-width:400px !important;}
.footer-block {
	font-size: 26px;
}

li {
	padding-bottom: 8px;
	font-size: 18px;
}
.service p {color:#666666 !important;}
p a:link {color:#107c7b}
.contact-details p {color:#FFFFFF !important;}

#emailerror, #websiteerror {
    padding: 5px;
    margin: auto;
    margin-top: 15px;
    max-width: 770px;
    text-align: left;
}
em {font-size: 40px}

/* Hero Media Queries ========================================== */
@media (max-width: 580px) {
  section.home-hero .image {
    display: block !important;
  }
  section.home-hero h1 {
  	margin-top: -80px !important;
	font-size: 30px !important;
  }
  .home-hero {
  	padding:10px !important;
  }
  .hero-text {
  	font-size: 18px !important;
	line-height: 24px !important;
  }
  .main-image {max-width:300px !important;}
  .align-items-center {
  	margin: auto;
  }
  li, p, .lead {
	font-size: 16px;
  }
  .lead {margin-bottom: 50px !important;}
  h1 {font-size: 24px !important; margin-top:0px !important;}
  h2, h3, h4 {font-size: 24px !important;}
  div .heading-center {
    font-size: 24px;
  }
  .hero-text {font-size: 16px !important;}
 .rounded {margin-bottom: 10px !important; width: 90% !important;}
}