html,
body,
.view {
  height: 100%;
  width: 100%;
}


html,
body,
.navbar{
  background-color:rgb(253,235,0);
  padding-top: 10px;
}

/*
.rgba-gradient {
  background: -moz-linear-gradient(45deg, rgba(253,231,0, 0.6), rgba(13, 17, 198, 0.69) 100%);
  background: -webkit-linear-gradient(45deg, rgba(253,231,0, 0.6), rgba(13, 17, 198, 0.69) 100%);
  background: linear-gradient(to 45deg, rgba(253,231,0, 0.6), rgba(13, 17, 198, 0.69) 100%);
 
}
*/

html {
  min-height: 100%;

}


body {
 position: relative;

  margin-bottom: 60px;

}

.card-img-top {
  max-height: 240px;
  max-width: 320px;
}

.carousel-indicators > li{
  margin-bottom: -50px;
  background-color: blue;
}




.card-body > h5 {
    /*
    font-family: 'Luckiest Guy', cursive;

    font-family: 'Fondamento', cursive;

    font-family: 'Caveat', cursive;

    font-family: 'Gloria Hallelujah', cursive;

    font-family: 'Paytone One', sans-serif;

    font-family: 'Yeseva One', cursive;
    
    font-family: 'Sriracha', cursive;
    
    font-family: 'Carter One', cursive;
    */


    
 font-family: 'Sriracha', fantasy;
}


.hover-zoomin .card-img-top {

  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.hover-zoomin:hover .card-img-top {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);

}

.hover-zoomin h6 {

  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.hover-zoomin:hover h6 {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}



.footer_cls{
    margin-left:-20px;
    margin-right:-20px;
}


.view {
  background-image: url('./img/index/main_bg_big2.jpg');
  background-color:rgb(253,231,0);
  background-repeat: no-repeat;
  background-position: center center;
  width : 100%;
  height: 100%;
  margin-top:40px;
  background-size: 40% 100%;
}

.card-img-top {
    height:240px;
    width:200px;
}

.rounded {
    max-width:200px; 
    max-height:200px; 
}

.float-nmid {
    margin-left: 20%;
}

.float-mid {
    margin-top: 40%;
}



@media screen and (max-device-width: 500px) {
    
    .view{
      background-image: url('./img/index/main_bg.jpg');
      background-size: 100% 100%;
      width : 100%;
      height: 80%;
      margin-bottom: 35%;
    }
    
    
    .rounded {
        max-width: 30%;
        max-height: 30%;
    }
    
    .float-mid {
        padding-top: 60%;
    }
    
    .float-nmid{
        margin-left:0px;
    }

    .hover-zoomin {
        padding-left: 10%;
        padding-right: 0px;
        margin-right:0px;
    }

}


@media screen and (min-device-width: 501px) and (max-device-width: 1025px) {
    
    .view{
      background-image: url('./img/index/main_bg.jpg');
      background-size: 100% 100%;
    }
    
    .rounded {
        max-width: 30%;
        max-height: 30%;
    }
    
    .float-mid {
        padding-top: 55%;
    }
    
    .float-nmid {
        margin-left: -20%;
    }
    
    .hover-zoomin {
        padding-left: 10%;
        padding-right: 0px;
        margin-right:0px;
    }

}