/*================================================
            Table of contents  
==================================================
 
1. Layout greater than 768px
2. Layout lesser than 768px
3. Layout lesser than 350px

====================================================
            End table content 
===================================================*/

/*-------------------------------------------------------*/
    /* Layout greater than 768px */
/*-------------------------------------------------------*/
@media(min-width:768px) {
  .custom-navbar {
    border-bottom: 0;
  }
  .custom-navbar.top-nav-collapse {
    background: #8c857f;
    box-shadow:0 40px 100px rgba(0,0,0,.4);
    padding: 0px 0;
  }
  
  #home .text {
    font-size: 60px;
  }
}

/*-------------------------------------------------------*/
    /* Layout lesser than 768px */
/*-------------------------------------------------------*/
@media (max-width:768px){
  .navbar-collapse {
    text-align:center;  
  }
  .custom-navbar .navbar-nav > li > a:hover,
  .custom-navbar .navbar-nav > li > a:focus,
  .custom-navbar .navbar-nav > li > a.active {
   background-color: transparent;
   border-bottom : 0;
   }
  .custom-navbar .nav li a {
    line-height:20px;
    overflow:hidden;
  }
  .custom-navbar .navbar-brand img {
   max-height: 40px; 
   margin-left: 20px;  
}
  #home {
    background-image: url(../images/home_new_small.jpg) !important;
  }
  #home .text {
    font-size: 40px;
    top: 40%;
  }
  #home .contact-btn {
    font-size: 16px;
    margin-top: 20px;
    padding: 8px 26px;
    border-radius: 26px;
  }
  #about .row h1 {
    margin-top: 0;
  }
}

/*-------------------------------------------------------*/
    /* Layout lesser than 350px */
/*-------------------------------------------------------*/
@media (max-width:350px){
  #home .text {
    font-size: 24px;
  }
  #home .contact-btn {
    font-size: 14px;
    margin-top: 18px;
    padding: 6px 22px;
    border-radius: 22px;
  }
}