/*

My Custom CSS
=============

Author:  Brad Hussey
Updated: August 2013
Notes:	 Hand coded for Udemy.com

*/
/* @import url(http://fonts.googleapis.com/css?family=Lato:300,400); 

@font-face {
    font-family: 'lato';
    src: url('../../fonts/Lato-Regular.eot');
    src: url('../../fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'),
        url('../../fonts/Lato-Regular.woff') format('woff'),
        url('../../fonts/Lato-Regular.ttf') format('truetype'),
    font-weight: normal;
    font-style: normal;
}

/* --------------------------------------
   Layout
   -------------------------------------- */
   /* Default Small (Mobile) Screen  */

.row{
margin: 0px;
}
   #myJumbotron {
         background: #000 url("../../images/jumbo_sm.jpg") no-repeat center top !important;
   }
   #myDigitalJT {
         background: #000 url("../../images/DIGITAL_jumbo_sm.jpg") no-repeat center top !important;
   }
   #myPrintJT {
         background: #000 url("../../images/PRINT_jumbo_sm.jpg") no-repeat center top !important;
   }
   #myBioJT {
         background: #000 url("../../images/BIO_jumbo_sm.jpg") no-repeat center top !important;
   }
.jumbotron {
   margin-top: 50px;
   margin-bottom: 40px;
   position: relative;
   border-radius: 0 ;
   background-size: cover;
   overflow: hidden;
  
   text-align: center;
       
}
.jumbotron { min-height: 148px; }
.jumbotron h1{
   color: white;
   font-size: 15px;
   line-height: 1%;
   font-family: 'LatoWebLight';
   font-weight: 300;
}
.jumbotron h4{
   color: #aeacad;
   font-size: 10px;
   line-height: 130%;
   font-family: 'LatoWebLight';
   font-weight: 300;
}

/* Space on top of the Jumbotron Text */
.jumbotron h6{
   color: white;
   line-height: 1%;
   font-family: 'LatoWebLight';
   font-weight: 300;
}
/* Space between Main header and Portfolio Line */
.jumbotron h5{
   color: white;
   line-height: 1%;
   font-family: 'LatoWebLight';
   font-weight: 300;
}
.chapter h1 {
         margin-bottom: 5px;
         color: #525252;
         font-size: 15px;
         line-height: 130%;
         font-family: 'LatoWebLight';
         font-weight: 300;
}
.chapter h2 {
         margin-top: 15px;
         color: #525252;
         font-size: 9px;
         line-height: 150%;
         font-family: 'LatoWebLight';
         font-weight: 300;
}
.chapter h3 {
         margin-top: 12px;
         color: #525252;
         font-size: 8px;
         line-height: 0%;
         font-family: 'LatoWebLight';
         font-weight: 300;
}
.chapter h4 {
      color: #525252;
      font-size: 1px;
      line-height: 1%;
      font-family: 'LatoWebLight';
      font-weight: 300;
}   
.chapter h5 {
      color: #525252;
      font-size: 1px;
      line-height: 1%;
      font-family: 'LatoWebLight';
      font-weight: 300;
}   
.chapter h6 { 
      color: #525252;
      font-size: 1px;
      line-height: 1%;
      font-family: 'LatoWebLight';
      font-weight: 300;
}   
      .chapter h7 {
         color: #525252;
         font-size: 160px;
         line-height: 20%;
         font-family: 'LatoWebLight';
         font-weight: 300;
   }   

.well {
         text-align: top;
         background-color: white;
         border-color: white;
}
   .AdditionalMargin1{
      margin-top: 15px;
      margin-bottom: 1px;
   }
   .AdditionalMargin2{
      margin-top: 5px;
   }
    .AdditionalMargin3{
      margin-top: 0px;
      margin-bottom: 0px;
   }/* This was used in the line on the BIO page */
    .AdditionalMargin4{
      margin-top: 10px;
      margin-bottom: 1px;
   }/* selfie on the BIO page */

/* --------------------------------------
   Layout
   -------------------------------------- */
<!-- font-size: 20px;
margin-top: 50px;
   position: relative;
   border-radius: 0 ;
   background: #000 url("../../images/jumbo_lgjpg") left bottom;
   background-size: cover;
   overflow: hidden;
   min-height: 590px;
   
   text-align: center;
      color: blue;   -->;


/* --------------------------------------
   Typography
   -------------------------------------- */



/* --------------------------------------
   Navbar
   -------------------------------------- */
.navbar-vertical-align(@element-height) { 
   margin-top: ((@navbar-height - @element-height) / 2); 
   margin-bottom: ((@navbar-height - @element-height) / 2); 
 }

/*.navbar-custom { background-color: #229922; 
   color: #ffffff; 
   border border-radius: 0;
} */   
/*.navbar-collapse.collapse {display: block!important;}
.navbar-nav>li, .navbar-nav {float: left !important;} 
.navbar-nav.navbar-right:last-child {margin-right: -15px !important;}
.navbar-right {float: right!important;} */
.navbar-inverse { background-color: #000000}
.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus { background-color: #000000}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse 
.navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a, 
.navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse 
.navbar-nav>.open>a, .navbar-inverse 
.navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { background-color: #000000}
.dropdown-menu { background-color: #FFFFFF}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #999999}
.navbar-inverse { background-image: none; }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-image: none; }
.navbar-inverse { border-color: #000000}
.navbar-inverse .navbar-brand { color: #999999}
.navbar-inverse .navbar-brand:hover { color: #FFFFFF}
.navbar-inverse .navbar-nav>li>a { color: #BDBDBD}
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #FFFFFF}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #FFFFFF}
.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #FFFFFF}
.dropdown-menu>li>a { color: #000000}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { color: #FFFFFF}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-top-color: #999999}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color: #FFFFFF}
.navbar-inverse .navbar-nav>.dropdown>a .caret { border-bottom-color: #999999}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #FFFFFF}


/* --------------------------------------
   Carousel
   -------------------------------------- */



/* --------------------------------------
   Global Styles
   -------------------------------------- */



/* --------------------------------------
   Media Queries
   -------------------------------------- */

/* #### Mobile Phones Portrait #### */
/* Medium Screen */
 @media (min-width: 495px){
   #myJumbotron {
         background: #000 url("../../images/jumbo_md.jpg") no-repeat center top !important;
   }
   #myDigitalJT {
         background: #000 url("../../images/DIGITAL_jumbo_md.jpg") no-repeat center top !important;
   }
   #myPrintJT {
         background: #000 url("../../images/PRINT_jumbo_md.jpg") no-repeat center top !important;
   }
   #myBioJT {
         background: #000 url("../../images/BIO_jumbo_md.jpg") no-repeat center top !important;
   }

   .jumbotron {
            margin-top: 50px;
            position: relative;
            border-radius: 0 ;
            background-size: cover;
            overflow: hidden;
            text-align: center;
         }
   .jumbotron { min-height: 236px; }      
   .jumbotron h1{
            color: white;
            font-size: 22px;
            line-height: 40%;
            font-family: 'LatoWebLight';
            font-weight: 300;
         }
   .jumbotron h4{
            color: #aeacad;
            font-size: 12px;
            line-height: 150%;
            font-family: 'LatoWebLight';
            font-weight: 400;
         }
   .jumbotron h6{
            color: white;
            line-height: 1%;
            font-family: 'LatoWebLight';
            font-weight: 300;
         }
   .jumbotron h5{
            color: white;
            line-height: 10%;
            font-family: 'LatoWebLight';
            font-weight: 300;
         }
   .chapter h1 {
            margin-top: 50px;
            margin-bottom: 20px;
            color: #686464;
            font-size: 22px;
            line-height: 130%;
            font-family: 'LatoWebLight';
            font-weight: 300;
   }
   .chapter h2 {
            color: #686464;
            font-size: 13px;
            line-height: 150%;
            font-family: 'LatoWebLight';
            font-weight: 300;
   }
   .chapter h3 {
            margin-top: 19px;
            margin-bottom: 50px;
            color: #726d6d;
            font-size: 11px;
            line-height: 50%;
            font-family: 'LatoWeb';
            font-weight: 300;
   }
   .chapter h4 {
         color: #686464;
         font-size: 1px;
         line-height: 1%;
         font-family: 'LatoWebLight';
         font-weight: 300;
   }   
   .chapter h5 {
         color: #686464;
         font-size: 1px;
         line-height: 1%;
         font-family: 'LatoWebLight';
         font-weight: 300;
   }   
   .chapter h6 {
         color: #686464;
         font-size: 1px;
         line-height: 1%;
         font-family: 'LatoWebLight';
         font-weight: 300;
   }   
   .chapter h7 {
         color: #686464;
         font-size: 10px;
         line-height: 5%;
         font-family: 'LatoWebLight';
         font-weight: 300;
   }   

   .well {
            text-align: top;
            background-color: white;
            border-color: white;
   }
   .AdditionalMargin1{
      margin-top: 17px;
   }
   .AdditionalMargin2{
      margin-top: 10px;
   }
    .AdditionalMargin3{
      margin-top: 10px;
      margin-bottom: -20px;
   }/* This was used in the line on the BIO page */
    .AdditionalMargin4{
      margin-top: 60px;
      margin-bottom: 1px;
   }/* selfie on the BIO page */
}



/* Landscape phone to portrait tablet   Desktop Screen */
/*  Large Screen 892 */
@media (min-width: 967px) {
   #myJumbotron {
         background: white url("../../images/jumbo_lg.jpg") no-repeat center top !important;
   }
   #myDigitalJT {
         background: white url("../../images/DIGITAL_jumbo_lg.jpg") no-repeat center top !important;
   }
   #myPrintJT {
         background: white url("../../images/PRINT_jumbo_lg.jpg") no-repeat center top !important;
   }
   #myBioJT {
         background: white url("../../images/BIO_jumbo_lg.jpg") no-repeat center top !important;
   }
   .jumbotron {
         margin-top: 50px;
         position: relative;
         border-radius: 0 ;
         background-size: cover;
         overflow: hidden;
         text-align: center;
   }
   .jumbotron { min-height: 590px; }
   .jumbotron h1{
         color: white;
         font-size: 55px;
         line-height: 110%;
         font-family: 'LatoWebLight';
         font-weight: 300;
   }
   .jumbotron h4{
         color: #aeacad;
         font-size: 19px;
         line-height: 300%;
         font-family: 'LatoWebLight';
         font-weight: 300;
   }
   .jumbotron p.HL1{
         color: #aeacad;
         font-size: 15px;
         line-height: 150%;
         font-family: 'LatoWebLight';
         font-weight: 400;
   }
   .jumbotron h6{
         color: white;
         line-height: 500%;
         font-family: 'LatoWebLight';
         font-weight: 300;
   }
   .jumbotron h5{
         color: white;
         line-height: 50%;
         font-family: 'LatoWebLight';
         font-weight: 300;
   }
   .chapter {
         margin-top: 0;
         margin-bottom: 0;
         border-width: 0px;
   }
   .chapter h1 {
         margin-top: 10px;
         color: #686464;
         font-size: 44px;
         line-height: 130%;
         font-family: 'LatoWebLight';
         font-weight: 300;
   }
   .chapter h2 {
         margin-top: 30px;
         color: #686464;
         font-size: 22px;
         line-height: 200%;
         font-family: 'LatoWebLight';
         font-weight: 300;
   }
   .chapter h3 {
         margin-top: 20px;
         margin-bottom: 50px;
         color: #726d6d;
         font-size: 16px;
         line-height: 90%;
         font-family: 'LatoWeb';
         font-weight: 300;
   }
   .chapter h4 {
         color: #686464;
         font-size: 100px;
         line-height: 20%;
         font-family: 'LatoWebLight';
         font-weight: 300;
   }   
   .chapter h5 {
         color: #686464;
         font-size: 50px;
         line-height: 20%;
         font-family: 'LatoWebLight';
         font-weight: 300;
   }   
   .chapter h6 {
         color: #686464;
         font-size: 400px;
         line-height: 20%;
         font-family: 'LatoWebLight';
         font-weight: 300;
   }   
      .chapter h7 {
         color: #686464;
         font-size: 160px;
         line-height: 20%;
         font-family: 'LatoWebLight';
         font-weight: 300;
   }   
   .well {
         background-color: white;
         border-color: white;

   }
   .AdditionalMargin1{
      margin-top: 30px;
   }
   .AdditionalMargin2{
      margin-top: 35px;
   }
    .AdditionalMargin3{
      margin-top: 35px;
      margin-bottom: 40px;
   }/* This was used in the line on the BIO page */
    .AdditionalMargin4{
      margin-top: 10px;
      margin-bottom: 1px;
   }/* selfie on the BIO page */

}

/* Large desktop */
/*@media (min-width: 1200px) {*/