/*!
 * Start Bootstrap - Modern Business (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

/* Global Styles */

html,
body {
   margin: 0;
    padding: 0;
    font: 16px Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;
color: #5a5754;}
.color {background: url(../images/bg.png) repeat-x right top;}
.bg-navi {background:#e3e1d5;}
h1 {color: #E3E1D5; padding: 25px 0 75px 20px; font-size: 36px}
h2 {color:#E3E1D5}
.bar h2 {padding: 25px 0 20px 0; text-align: center; color: #E3E1D5}
h3 {color: #2888B3}
H5 {color: #648e0b}
h6 {color: #5E3711; line-height: 22px}
h2 small {font-size: 50%; color: #61666D; line-height: -20px}
h2.title {color: #2888B3; font-size: 28px; text-align: center; padding: 20px 0 20px 0;display: block; background: #ffffff;}

.home {background: url(../images/welcome.jpg) repeat right center;}
#header {min-height: 65px}
.white {}
.main {line-height: 26px; padding: 20px 0 50px 40px; }
.container {}
.tag {font-size: 65%; text-align: right; position: absolute; top: 10px;}
.center-image { margin: 0 auto; display: block}
.logo {padding-right: 0px;padding-left: 0px;}
.bar {min-height: 120px}
.center {text-align: center}
.right {text-align: right}
.img {max-width: 100%; height: auto;}
img {max-width: 100%; height: auto;}
.img-portfolio {
    margin-bottom: 30px;}
.img-hover:hover {opacity: 0.8;}
.nav-link {
    display: block;
    padding: .6em 1em;
    border-bottom: 1px solid #7B7570;
}
.rounded {padding: 2px 0; line-height: 18px}
.rounded img {border-radius: 50%; float: left; clear: both; margin-right: 15px;margin-bottom: 45px;display: block; max-width: 100%; height: auto;}
.round {border-radius: 50%; margin-bottom: 5px;display: block; max-width: 100%; height: auto;}
.rounded h5 {font-size: 18px;    text-transform: uppercase;}
li a {color: #5C5854; font-size: 14px}
a {color: #61666D}
/* Home Page Carousel */
.bg-navi {background:#e3e1d5; border-radius: 0 0 45px 0; font-family: 'Roboto Condensed', sans-serif;}
.full {padding: 0}

.jumbotron {
    padding: 2rem 1rem;
    margin-bottom: 2rem;
    background-color: transparent;
    border-radius: .3rem;
}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Footer Styles */

footer {
   min-height: 160px;
	background: #F4F3F0;
	margin-top: 65px;
	padding: 35px 0;
	color: #7E7A76;
	border-top: 1px solid #E6F3F9;
	border-bottom: 6px solid #97CFE8;
	
}
footer .fa {font-size: 32px; color: #97CFE8}
.btn-primary {
    color: #000;
    background-color: transparent;
    border-color: transparent;
	padding: 7px 7px;
	text-transform: uppercase;
	text-size: 22px
}
.btn-primary:hover {
    color: #6C4828;
    background-color: transparent;
    border-color: transparent;
}
.btn-primary.focus, .btn-primary:focus {
    -webkit-box-shadow: 0 0 0 0px rgba(2,117,216,.5);
    box-shadow: 0 0 0 0px rgba(2,117,216,.5);
}
/* Responsive Styles */

@media(max-width:991px) {}

@media(max-width:767px) {
.tag {display: none}
h2 {padding: 2px 5px 1px 5px;
color: #E3E1D5;
font-size: 20px;
text-align: center}
.logo h1 {padding: 0px 0 10px 0}
}
/* Creates a vertical nav starting at 768px (sm) */
@media (min-width: 576px) {
    .bootstrap-vertical-nav .collapse {
        display: block;}

}
@media (min-width: 576px) {
            .bootstrap-vertical-nav {
                margin-top: 20px;
            }}
@media (max-width: 575px) {.bg-navi {
    border-radius: 0 0 0px 0px;
    text-align: center;
	padding: 5px 0}
.right {text-align: center; padding: 10px 0}
.left {text-align: center; padding: 10px 0}
h1 {text-align: center; padding: 0 0 40px 0; font-size: 22px}
.main {padding: 10px 15px 30px 15px}
.logo h1 {padding: 0px 0 10px 0; color: #373A3E; font-size: 35px;}
.color {background: url(../images/bg.png) repeat-x right 30px;
}
.home {background: url(../images/welcome-m.jpg) repeat right center;}
.rounded img{max-width: 70%; margin-bottom: 15px}
.rounded {border-bottom: 1px solid #dddddd; margin-bottom: 15px}
}


/********************************/
/*          Media Queries       */
/********************************/
@media screen and (min-width: 980px){
    .hero { width: 980px; }    
}
@media screen and (max-width: 640px){
    .hero h1 { font-size: 4em; }    
}
.intrinsic-container {
  position: relative;
  height: 0;
  overflow: hidden;
}
 
/* 16x9 Aspect Ratio */
.intrinsic-container-16x9 {
  padding-bottom: 56.25%;
}
 
/* 4x3 Aspect Ratio */
.intrinsic-container-4x3 {
  padding-bottom: 75%;
}
 
.intrinsic-container iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}