/*

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

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

*/


/* --------------------------------------
   Layout
   -------------------------------------- */



/* --------------------------------------
   Typography
   -------------------------------------- */
  @font-face {
    font-family: myfont;
            src: url(includes/fonts/DroidKufi-Regular.ttf);

} 
 body h1 ,h2 ,h3 ,h4 ,h5 ,h6
  {
     font-family: myfont;
 
  }
  

   
}
   
   .ico-image{
    width: 100px;
    height: 100px;

   }
    
    .searchid
    {
      font-family: myfont;
      text-align: right;
      opacity: 0.5;
    }
    .search
    {
      
    }
   thead
   {
     text-align: center;
   }
   th
   {
    text-align: center;
   }
   td
   {
    text-align: center;
  }
/* --------------------------------------
   forms
   -------------------------------------- */
   label
   {
    
    font-size: 18px;
    padding-bottom: 10px;

   }
    .form-control
    {
    
    height: 55px;
    font-size: 20px;
    text-align: right;

    }
   .login-form
   {
    width: 60%;
    display: inline;
    text-align: right;
   
    font-family: myfont;
   }
   .conrol-form
   {
    font-size: 20px;
    height: 10%;
   margin-top: 50px;
   margin-left: 18%;
   margin-right: 50%;
   width: 50%;
   }
    .conrol-form-login
   {
   margin-top: 50px;
   margin-left: 330px;
    width: 40%;
   }
   #login
   {
    
    
    font-size: 20px;

   
   }

/* --------------------------------------
   Navbar
   -------------------------------------- */
   
   #searchInput
   {
      width: 200px;
   }
   .navbar-brand{
      padding:13px 15px;
   }
/* --------------------------------------
   Carousel
   -------------------------------------- */
  #myCarousel{
      margin-top: 30px;
   }
   .carousel-caption
   {
      font-size: 24px;
   }
    .carousel-caption h4
    {
      font-size: 32px;
    }
#myCarousel .item { 
  height: 250px; 
}

#slide1 {
   background: url('../../images/banner.jpg') top center no-repeat;
}
#slide2 {
   background: url('../../images/banner.jpg') top center no-repeat;
}
#slide3 {
   background: url('../../images/banner.jpg') top center no-repeat;
}

/* --------------------------------------
   Global Styles
   -------------------------------------- */
   .well
   {
    margin-top: 5px;
   }


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

/* Portrait & landscape phone */
@media (max-width: 480px) {
	
}

/* Landscape phone to portrait tablet */
@media (max-width: 768px) {

      #myCarousel .item { height: 250px; }

#slide1 {
   background: url('../../images/banner.jpg') top center no-repeat;
}
#slide2 {
   background: url('../../images/banner.jpg') top center no-repeat;
}
#slide3 {
   background: url('../../images/banner.jpg') top center no-repeat;
}
  .carousel-caption
   {
      font-size: 16px;
   }
    .carousel-caption h4
    {
      font-size: 22px;
    }
	
}

/* Large desktop */
@media (min-width: 1200px) {
	
   #myCarousel .item { height: 250px; }

#slide1 {
   background: url('../../images/banner.jpg') top center no-repeat;
}
#slide2 {
   background: url('../../images/banner.jpg') top center no-repeat;
}
#slide3 {
   background: url('../../images/banner.jpg') top center no-repeat;
}
}