/* ==========================================================================
   Author's custom styles
   ========================================================================== */


body {
   font-family: 'Roboto', sans-serif;
   /*font-family: 'PT Serif', serif;*/
   font-weight: 300;
   font-size: 16px;
   background-color:#222;
   color:white;
}
h1,h2,h3,h4,h5,h6,
.navbar-custom {
   font-family: 'Dosis', sans-serif;
   font-family: 'PT Sans Narrow', sans-serif;
   font-family: 'Oswald', sans-serif;
   font-weight: 400;
}
h1,h2,h3,h4,h5,h6 {
   line-height: 1.4em;
   margin: 0.5em 0;
   text-shadow: 1px 1px 0 black;
}
h2 {
   font-size: 42px;
   text-shadow: 2px 2px 0 black;
}
p {
   font-size: 16px;
   line-height: 1.5em;
   margin-bottom: 1.5em;
}
p strong {
   font-weight: 400;
}
blockquote p {
   margin: 0;
}

/** MENU **/
.navbar-custom.top-nav-collapse {
   border-color: #222;
}
.navbar-custom .nav li a {
   font-size: 21px;
}
.navbar-brand {
   font-size: 24px;
   padding-top: 6px;
   padding-bottom: 6px;
   line-height: 38px;
   font-size: 0;
}
.navbar-brand>img {
   height: 38px;
   width: auto;
   float:left;
   margin-right:6px;
}
.navbar-brand i {
   font-size: 93px;
   position: relative;
   display: block;
}
.navbar-custom .nav li a:hover,
.navbar-custom .nav li a:focus,
.navbar-custom .nav li a.active,
.navbar-custom .nav li.active {
   background-color: #333;
}
.nav li#menu-about a:hover,
.nav li#menu-about.active a {
   text-shadow: 1px 1px 0 blue;
}
.nav li#menu-services a:hover,
.nav li#menu-services.active a {
   text-shadow: 1px 1px 0 red;
}
.nav li#menu-contact a:hover,
.nav li#menu-contact.active a {
   text-shadow: 1px 1px 0 #00FF00;
}
.nav li a:hover,
.nav li.active a {
   text-shadow: 1px 1px 0 #00FF00;
}
.navbar-toggle {
   border-color: white;
}
.navbar-toggle .icon-bar {
   background-color: white;
}

/** INTRO **/
.intro {
   /*background-image: url(../img/bollex.jpg);*/
   background-image: url(../img/bollex_4.jpg);
   background-position: 50% 50%;
   background-size: cover;
}
.intro-body h1 {
   text-shadow: 3px 3px 0 black;
}
.intro-body p {
   text-shadow: 2px 2px 0 black;
}
.intro .intro-body .brand-heading {
   font-size:0px;
   margin-bottom: 6px;
}
.intro .intro-body .brand-heading .icon-mima {
   font-size:500px;
   line-height: 100px;
   height: 100px;
   display: block;
}
.icon-mima:before {
   position: relative;
   top: -0.38em;
   left: -0.15em;
}
.intro .intro-body .intro-text {
   text-transform: uppercase;
   font-size: 18px;
   letter-spacing: .16em;
   margin: 0.6em 0 0;
}

.content-section {
   padding: 33px 0 60px;
}
.content-section a {
   color: #00FF00;
}
.content-section a:hover {
   color: #00CC00;
}

#services {
   background-image: url(../img/sunset_3.jpg);
   /*background-image: url(../img/back_07.jpg);*/
   background-size: cover;
   background-attachment: fixed;
}
#services iframe,
#services img {
   border:6px solid white;
}
#services p small {
   color:#ccc;
   margin-top: 0.3em;
   display: block;
   text-shadow: 1px 1px 0 black;
}
#map {
   margin-top:0;
}
#maps iframe,
#contact img {
   background-color: white;
   border:6px solid white!important;
}
#contact img {
   border-width: 3px!important;
}
#contact h3 {
   font-family: 'Droid Serif', serif;
   font-weight: 400;
}
#about {
   background-color: white;
   color:#000;
}
#about h2 {
   text-shadow: none;
}
.navbar-brand {
   display: none;
}
.top-nav-collapse {
   background-color: #111;
}
.top-nav-collapse .navbar-brand {
   display: block;
}

.fa-inverse {
   color:#222;
}






/* Large desktops and laptops */
@media (min-width: 1200px) {

}

/* Portrait tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {

}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
   .intro {
      background-image: url(../img/bollex_4_alt.jpg);
   }
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
   .intro {
      background-image: url(../img/bollex_4_alt.jpg);
   }
}

/* Landscape phones and smaller */
@media (max-width: 480px) {
   .intro {
      background-image: url(../img/bollex_4_alt.jpg);
   }
}