@charset "utf-8";
/* CSS Document */

  h1 {
	  color:#05b0ff;
	  text-align:center;

  }
  

  .bg-1 { 
      background-color:#000;
      color:#bbb;
	  padding-right: 50px;
	  padding-left: 50px;
	  padding-top: 50px;
	  padding-bottom: 50px;
  }
   .bg-2 { 
      background-color:#000;
	  padding-top: 40px;

  }
  .bg-3 { 
      background-color: #ffffff;
      color: #555555;
	  padding-right: 50px;
	  padding-left: 50px;
	  padding-top: 50px;
	  padding-bottom: 50px;
  }


.album {
	border-style: solid;
    border-width: 2px;
  }
 
  body {
	font: 400 15px/1.8 Lato, sans-serif;
	color: #777;
  }

 .navbar {
	font-family: Montserrat, sans-serif;
	margin-bottom: 0;
	background-color: #2d2d30;
	border: 0;
	font-size: 11px;
	letter-spacing: 4px;
	opacity: 0.9;
  }
  
  .navbar-brand {
	color:#05b0ff;
	font-size: 28px;
  }
	  
  .navbar li a, .navbar  { 
    color: #d5d5d5 !important;
  }
  
  .navbar-nav li a:hover {
    color: #05b0ff !important;
  }
  
  .navbar-nav li.active a {
    color: #05b0ff !important;
    background-color: #fff !important;
  }
  
  .navbar-default .navbar-toggle {
    border-color: transparent;
  }

  footer {
    background-color: #2d2d30;
    color: #f5f5f5;
    padding: 32px;
  }
  
  footer a {
    color: #05b0ff;
  }
  
  footer a:hover {
    color: #777;
    text-decoration: none;
  }  
  
  .carousel-inner img {
    margin: auto;
	width: 100%; /* Set width to 100% */
  }

  .carousel-caption h3 {
    color: #f00;
  }

@media (max-width: 600px) {
  .carousel-caption {
    display: none; /* Hide the carousel text when the screen is less than 600 pixels wide */
  }
}

 
/*  buttons with extra padding and without rounded borders */
  .btn {
    padding: 10px 20px;
    background-color: #f00;
    color: #f1f1f1;
    border-radius: 0;
    transition: .2s;
  }

/* On hover, the color of .btn will transition to white with red text */
  .btn:hover {
    border: 1px solid #333;
	color: #f00;
    background-color: #fff;
  }