/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 
 .home-slider .glide .glide__track ul li {
    position: relative;
 }

 .home-slider .glide .glide__track ul li .slide-holder h2 {
     margin: 0;
     font-size: 36px;
 }

 .home-slider .glide .glide__track ul li .slide-holder p {
     font-size: 24px;
     font-weight: 300;
 }

 .home-slider .glide .glide__track ul li .slide-holder input {
     cursor: pointer;
     border: none;
     padding: 15px 25px;
     border-radius: 0;
     box-shadow: 3px 3px 0px 0px #FFFFFF;
     transition: ease-in-out .1s all;
     font-weight: 700;
 }

 .home-slider .glide .glide__track ul li .slide-holder input:hover {
     box-shadow: 6px 6px 0px 0px #FFFFFF;
 }

 .home-slider .glide .glide__track ul li .slide-holder h2,.home-slider .glide .glide__track ul li .slide-holder p, .home-slider .glide .glide__track ul li .slide-holder form {
     position: relative;
     z-index:1;
 }

 .home-slider .glide .glide__track ul li .slide-holder {
     height: 400px;
     max-width: 1600px;
     margin: auto;
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
 }

 .slide-flex {
    display: flex;
    /* display: -webkit-box;  */
    flex-flow: row wrap;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    padding: 0;
    margin: 0;
 }

 .slide-flex div {
     display: flex;
     flex-flow: column;
     height: 400px;
     justify-content: center;
 }

 .slide-flex img {
    max-width: 400px;
    position: relative;
    z-index: 100001;
 }

@media screen and (max-width: 1000px) {

    .slide-flex {
        flex-direction: column !important;
    }

    .slide-flex img {
        max-height: 180px;
    }

   .home-slider .glide .glide__track ul li .slide-holder {
        align-items: center !important;
        padding: 4%;
   }

   .slide-flex div {
       align-items: center !important;
       height: auto;
   }

 .saran-wrap {
     position: absolute;
     top:0;
     left:0;
     width:100%;
     height: 100%;
     background-color: rgba(255,255,255,.3);
 }

 .home-slider .glide .glide__track ul li .slide-holder input {
    padding: 8px 12px;
 }

 .home-slider .glide .glide__track ul li .slide-holder h2 {
     font-size: 23px;
 }

 .home-slider .glide .glide__track ul li .slide-holder p {
     font-size: 17px;
     margin: 5px 0;
 }

}

@media screen and (max-width: 450px) {

 .home-slider .glide .glide__track ul li .slide-holder h2 {
     font-size: 22px;
 }

 .home-slider .glide .glide__track ul li .slide-holder p {
     font-size: 16px;
 }


}