
  /*  @media screen and (min-width: 615px) and (max-width: 950px){
        .hero {
            background: url('webimg.png') no-repeat center center;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            display: table;
            width: 100%;
            }
        
    }*/


    .btn-custom1 {
        /* display: inline-block; */
        /* text-align: center; */
        vertical-align: middle;
        /* -webkit-user-select: none; */
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-color: #f6941d;
        border: 1px solid transparent;
        top: 8px;
        margin-left: 19px;
        font-size: 1rem;
        line-height: 1.5;
        border-radius: 0.25rem;
        width: 150px;
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }
/* HERO */
.containercustom {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: 6px;
    margin-top: -29px;
    
}

.containercustom1{
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: 6px;
    margin-top: 35px;
  
    word-spacing: 5px;
    letter-spacing: 1px;
}

.containercustom2{
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: 6px;
    margin-top: -17px;
    
    word-spacing: 5px;
    letter-spacing: 1px;
}



.cx{

    margin-top: 48px;
}
.hero {
  background-position: 50% 50%;
  max-width: 100%;
  height: 500px;
  opacity: 1;
  top: 0px;
  left: 0px;
  visibility: inherit;
  z-index: 20;
  color:white;
  font-family: "Nunito", sans-serif;
  
}

.bgStripeColor1 {
  background-image: linear-gradient(
    to top,
    rgba(250, 157, 183, 0.5),
    rgba(250, 157, 183, 0.5)
  );
}
.bgStripeColor2 {
  background-image: linear-gradient(
    to top,
    rgba(255, 200, 91, 0.5),
    rgba(255, 200, 91, 0.5)
  );
}
.bgStripePos {
  background-position: 0% 74%;
  background-repeat: no-repeat;
  background-size: 100% 0.521em;
  padding: 0 15px;
}

    @media screen and (min-width: 449px) and (max-width: 1000px){
        .hero {
            background: url('webimg.png') no-repeat center center;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            display: table;
            width: 100%;
          
            }
            .containercustom2 {
                width: 100%;
                padding-right: 15px;
                padding-left: 15px;
                margin-right: auto;
                margin-left: 6px;
                margin-top: -17px;
                word-spacing: 5px;
                letter-spacing: 1px;
            }
    }

    /* Extra small devices (phones, 600px and down) */
@media (max-width: 600px) { .hero {
    background: url('FiP.png') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    display: table;
    width: 100%;

    }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media (min-width: 600px) {@media only screen and (max-width: 600px)
     { .hero {
    background: url('paka.png') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    display: table;
    width: 100%;
   
    }
}
}
/* Medium devices (landscape tablets, 768px and up) */
@media  (max-width: 600px) { .hero {
    background: url('FiP.png') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    display: table;
    width: 100%;
    }
}
/* Large devices (laptops/desktops, 992px and up) */
@media (min-width: 992px) {.hero {
    background: url('paka.png') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    display: table;
    width: 100%;
    height: 500px;
    }
    .cx{
        font-size: 1.5rem;
        margin-top: 48px;
    }
    .containercustom2 {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: 6px;
        margin-top: -17px;
        word-spacing: 5px;
        letter-spacing: 1px;
    }

}
/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {.hero {
    background: url('paka.png') no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    display: table;
    width: 100%;
    height: 678px;
    }
 
 
    .containercustom2 {
        width: 100%;
        padding-right: 15px;
        padding-left: 120px;
        margin-right: auto;
        margin-left: 16px;
        margin-top: -17px;
        word-spacing: 5px;
        letter-spacing: 1px;
    }
    .containercustom1 {
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: 120px;
        margin-top: 35px;
        word-spacing: 5px;
        letter-spacing: 1px;
    }
    .containercustom {
    width: 100%;
    padding-right: 15px;
    padding-left: 120px;
    margin-right: auto;
    margin-left: 6px;
}
    .btn-custom1 {
        /* display: inline-block; */
        /* text-align: center; */
        vertical-align: middle;
        /* -webkit-user-select: none; */
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-color: #f6941d;
        border: 1px solid transparent;
        top: 8px;
        margin-left: 130px;
        font-size: 1rem;
        line-height: 1.5;
        border-radius: 0.25rem;
        width: 150px;
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }
}