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

.carousel-caption h2 {
  font-weight: normal;
    margin: 0;
}


/*box css */
.box {
  display: inline-block;
  background-color: #fff;
  height: 350px;
  width: 350px;
}



.cont {

  padding-bottom: 100px;

}

.carousel-control {
    padding-top: 50px;
}



@media only screen and (max-width: 840px){
    
    .cont {

  padding-bottom: 50px;

}
}


@media only screen and (max-width: 450px) {
    
     .box {
  
    height: 350px;
  width: 350px;
        max-width: 100%;
        padding: 0;
        margin: 15px 0 15px 0;
}
    
    
.cont {

  padding-bottom: 30px;

}

}

@media only screen and (max-width: 400px) {
    
 .box {
  height: 250px;
  width: 250px;

}


}

@media only screen and (max-width: 300px) {
    
.box {
  height: 200px;
  width: 200px;
  }
}