.carousel-inner img {

      width: 100%; /* Set width to 100% */
      margin: auto;
  }
  .carousel-caption h3 {
      color: #fff !important;
      font-family: 'Federo', sans-serif;
  }

.carousel-caption1 {
      font-size: 1.0em;
      text-transform: lowercase;
  }

.carousel-caption2 {
      display: none;
      font-size: 0.5em;
      text-transform: lowercase;

  }

.btn
 {
 	font-size: 13px;
 	color: #fff !important;
    font-family: 'Barlow Semi Condensed', sans-serif;
    padding: 10px 30px;
    margin-right: 5px;
    width: 140px;
    border: 1px solid #fff;
    text-decoration: none;
    text-transform: uppercase;
 }

.btn-one {
background-color: maroon;
}


.btn-pesron {
background-image: images/person.png;
max-width: 20px;
height: auto;
}

 .btn-one:hover {
background-color: #FF0000;
transition: all 0.5s ease-in;
}


.btn-two:hover {
background-color: #FF0000;
transition: all 0.5s ease-in;
}

 .navbar-brand{
    	display: none;
    }
 .navbar-brand2{
    	display: block;
    	padding-left: 5px;
    }
/* Media Quries */

@media (max-width: 600px) {
    .carousel-caption {
      display: block; 
    }
  }


   @media (max-width: 414px) {

    .carousel-caption {
      display: none; 
    }
    .carousel-caption2 {
      display: block; 
    }

 .btn
  {
  font-size: 10px;
  color: #fff !important;
    font-family: 'Barlow Semi Condensed', sans-serif;
    padding: 10px 30px;
    margin-right: 5px;
    width: 100px;
    border: 1px solid #fff;
    text-decoration: none;
    text-transform: uppercase;
 }
    
    .navbar-brand2{
      display: none;
    }
  .navbar-brand{
      display: block;
      width: 80%;
    }
  }

@media (max-width: 412px) {
    .carousel-caption {
      display: none; 
    }
    .carousel-caption2 {
      display: block; 
    }
    .navbar-brand2{
      display: none;
    }
  .navbar-brand{
      display: block;
    }
  }
    
@media (max-width: 360px) {
    .carousel-caption {
      display: none; 
    }

    .carousel-caption2 {
      display: block; 
    }
    .navbar-brand2{
    	display: none;
    }
	.navbar-brand{
    	display: block;
    }
  }

  @media (max-width: 320px) {
    .carousel-caption {
      display: none; 
    }
    .carousel-caption2 {
      display: block; 
    }
    .navbar-brand2{
    	display: none;
    }
	.navbar-brand{
    	display: block;
    	width: 80%;
    }
  }