body {
  font-family: 'Merriweather', serif;
  color: #343a40;
  background: #FFFFFF;
}

/* I use full-width horizontal sections a lot */
body > header,
body > section,
body > footer {
  display: block;
  width: 100%;
  clear: both;
  float: left;
}
dl{}
dt, dd{font-size:1.1em; line-height:1.75;}
dt{font-weight:bold;}
dd{margin-bottom:1rem;}
ul.list {list-style: circle inside;}
ul.list li {font-size:1.1em; line-height:2.25;}
.image-border{padding:2px;
   border:1px solid #f1efef;
   background-color:#f4f4f4;}
.image-caption{margin:1.5rem 0.75rem 0 0.75rem; font-weight:bold;}
.image-desc{font-size:1.0em;  margin:0.25rem 0.75rem;}
.main-home{background: url("../images/home-bg-image.jpg") #99be2a;}
.zunati-bg{background: #fdf1f0 !important;}
.zunati-caption{color: #ea4a41;}
.legacy-bg{background: #ededed !important;}
.legacy-caption{color: #024d90;}
.ebliss-bg{background: url("../images/eblissfit-bg.jpg") #23b14d;}
.ebliss-caption{color: #23b14d;}
.cardio-bg{background: #f0f7fd !important;}
.cardio-caption{color: #3c91ca;}
.scankart-bg{background: url("../images/scankart-bg.jpg") #ee3924;}
.scankart-caption{color: #ee3924;}
.irpre-bg{background: url("../images/scankart-bg.jpg") #782818;}
.cad-bg{background: url("../images/cad-bg.jpg") #39a7a1;}
.cad-caption{color: #39a7a1;}
.kd-caption{color: #dc0303;}
.kd-bg{background: #fef5f5 !important; }
.irpre-caption{color: #782818;}
.bottom-spacing{margin-bottom:3rem;}
.top-spacing{margin-top:2rem;}
.db-spacing{margin-bottom:2rem;}
.loading-bg{background: url("images/loading.gif");}
.highlight{background: #5d8db8; color: #ffffff;}
h1, h2, h3 {
  font-family: 'Lato', sans-serif;
  font-weight: 900;
  font-weight:bold; 
}
nav ul, .bottom-nav ul {
    margin: 0;
    padding: 0;
    text-align: right;
}
nav ul li, .bottom-nav ul li{
    display: inline-block;
    list-style: none;
    padding: 1rem;
}
nav ul li a, .bottom-nav ul li a {
    border-bottom: 0px solid #ffffff;
	text-transform: uppercase;
    font-family: 'Lato', sans-serif, Arial, sans-serif;
    font-weight: 500;
    text-decoration: none;
	font-size: 1rem;
	color: #444444;
}
nav ul li a:hover, .bottom-nav ul li a:hover, nav ul li a.selected {
	color: #99be2a;
}
nav ul {
    height: auto !important;
}
.logo{padding: 0.42rem 0;}
.home-img{padding: 4rem;}
.sub-nav {
	padding:0;
}
.sub-nav ul{ margin: 0; padding: 0;}
.sub-nav ul li, .bottom-sub-nav ul li{
	display: inline-block;
    list-style: none;
    padding: 1rem;
	text-align: center;
	font-size:1.25rem;
	line-height:2;
}
.bottom-sub-nav ul li{
	border-right: none;
}
.sub-nav ul li a{
    border: medium none;
    color: rgba(153,190,42,1);
}
.sub-nav ul li a:hover{
    border: medium none;
	color: rgba(102,102,102,1);
	text-decoration:underline;
}
.sub-nav ul li.selected{color:  rgba(153,190,42,1);}
.link-text:link, .link-text:visited {
	color: #99be2a;
	text-decoration: underline;
}
.link-text:hover {
	text-decoration: none;
}
.bottom-nav ul {
    text-align: left;
}
.bottom-sub-nav {
	border-top: 1px solid rgba(110,143,10,.25);
	margin:0;
	padding:1rem 0;
}
.bottom-sub-nav ul{ margin: 0; padding: 0;}
.bottom-sub-nav ul li a{
	font-size: 1.2rem;
    text-decoration: none;
    text-transform: capitalize;
}
.bottom-sub-nav ul li a:hover{
	text-decoration:none;
}
.bottom-sub-nav ul li:first-child{text-align: left; border: medium none;}
.bottom-sub-nav ul li:last-child{text-align: right; border: medium none;}
.title-text{font-size:1.2rem;}
.title-text a{text-decoration:underline; color:#99be2a; }
.copyright-text{text-align: right; font-weight:normal;}
#title-caption .main-caption {
    display: table;
    height: 76%;
    text-align: left;
	width:100%;
}
.left-align{float: left;}
.right-align{float: right;}
.center-align{text-align: center;}

#title-caption .main-caption {
    display: table;
    height: 76%;
	width:100%;
}
#title-caption .vertically-center {
    display: table-cell;
    vertical-align: middle;
}
#title-caption .main-caption h1.home-page-caption{font-size: 4.5rem; line-height: 1.25; }
#title-caption .main-caption h2, .sub-title-caption h2{
	font-size:2rem;
	line-height:1.5;
	font-weight:normal;
}
#title-caption .main-caption h2{margin:4rem 0;}
#title-caption, .sub-title-caption{background: #f7faed; }
.sub-title-caption p{font-size:1.15rem;}
 .sub-title-caption h1{
    margin: 2rem auto;
	font-size:3rem;
	font-weight:bold;
}
.a-rem-spacing{margin:2rem 0;}
.vert-space{padding:1rem 0;}
.sub-title{margin:0 0 3rem;  color: rgba(153,190,42,1);   text-shadow: none; font-weight:700;}
section {
    padding: 1rem 0;
}
.alt-bg{background: #f7fdff;}
h1 {
  font-size: 4em;
}

h2 {
  font-size: 2em;
}

h3 {
  font-size: 1.5em;
}
h4 {
  font-weight:normal;
  font-size: 1.0em;
  line-height:1.5;
}
a {
  text-decoration: none;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.bg-zunati{ background: rgba(234,74,65,1);  color: #ffffff; text-shadow:none;}
.border-top{border-top: 1px solid #dfe5e6;}
.small-spacing{margin:0 1rem;}
footer {
  padding: 1rem 0;
}

header h1 a {
  color: #333;
  border-bottom: none;
}

header p {
  margin: 2em 0;
}

.lead {
  font-size: 1.5em;
}

p, pre {
  font-size: 1.0em;
  line-height: 2em;
}
.large-button {
  padding: 0.75rem 1.5rem;
  font-weight: 300;
  font-size:1.5rem;
  margin-bottom: 1em;
}
.small-button {
  padding: 0.65rem 1rem;
  font-weight: 300;
  margin-bottom: .5em;
}
.med-button {
  padding: 0.15rem 1rem;
  font-weight: 100;
}
.button {
  border-radius: 4px;
  background: #99be2a;
  border: 1px solid #99be2a;
  text-transform: uppercase;
  display: inline-block;
  font-family: 'Lato', sans-serif, Arial, sans-serif;
  color: #FFFFFF;
}
.res-nav-link{
  outline: none;
  border: 1px solid rgba(110,143,10,1);
  box-shadow: 0 1px 3px 0 rgba(110,143,10,.1), 0 0 10px rgba(110,143,10,.3);
  padding:1rem;
  text-align:center;
  color:#ffffff;
}
.button:hover, .button:focus {
  outline: none;
  border: 1px solid rgba(110,143,10,.5);
  box-shadow: 0 1px 3px 0 rgba(110,143,10,.1), 0 0 10px rgba(110,143,10,.3);
}

footer p {
  margin: 0;
  font-size: 1em;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 960px){

}
@media screen and (max-width: 568px) {
  #title-caption .main-caption h1.home-page-caption {
    font-size: 4.0rem;
}
.home-img {
    padding: 0rem; 
}
  }
/* (1920x1080) Full HD Display */
@media  screen and (max-width: 1920px) {
   #title-caption .main-caption {
    height: 55%;
}
}