.banner
{
    background-image: url("../images/banner/banner.jpeg");
    background-color: #332C42;
    width: 100%;
    height: 400px;
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 0px;
    margin: 0px;
}
.transparent
{
    position: absolute;
    background-image: url("../images/banner/banner.jpeg");
    background-repeat: no-repeat;
    background-size: cover;
    left:0px;
    top:0px;
    margin:0px 0px;
    opacity: 0.8;
    z-index: 2000;
    background-color: whitesmoke;
}
.banner-heading
{
    
}
.banner-heading h1
{
    background-color: whitesmoke;
    font-size: 24px;
    border-radius: 8px;
    padding: 18px;
    padding-right: 8px;
    text-align: left;
    width: fit-content;
    margin-left: 69%;
    margin-right: 40px;
    margin-top:100px;
}

.banner-subheading p
{
    background-color: whitesmoke;
    font-size: 16px;
    border-radius: 8px;
    padding:12px;
    text-align: justify;
    margin-left: 69%;
    margin-right: 40px;
    width: fit-content;    
    line-height: 1.5;
}

.banner-button input[type="button"]
{
    padding: 18px;
    border-radius: 8px;
    margin-left: 80%;
    border: 1px solid #333;
    cursor: pointer;
    font-size: 18px;
    background-color: #E04C4C;
    color:whitesmoke;
    margin-top: 9px;
}
.cellbanner
{
    display: none;
}
@media screen and (max-width:500px)
{
    .banner
    {
        height: 200px;
    }
  
     .banner-heading h1
    {
        display:none;

    }
   .banner-subheading p
    {
        display:none;     

    }
    .banner-button
    {
        display:none;
    }
    .cellbanner .banner-heading h1
    {
        display: block;
        margin: 0px;
        padding:4px;
        text-align: center;
        background-color: transparent;
    }
    .cellbanner .banner-subheading p
    {
        display: block;
        margin: 0px;
        padding:4px;
        text-align: center;
        background-color: transparent;
    }
    .cellbanner .banner-para p
    {
        display: block;
        margin: 0px;
        padding:0px;
        background-color: transparent;
    }
    .cellbanner .banner-button
    {
        display:block;
        text-align: center;
        margin: 0px auto;
        margin-bottom: 18px;
        margin-top:18px;
    }
    .cellbanner .banner-button input[type="button"]
    {
        margin: 0px auto;
        text-align: center;
    }
    .cellbanner
    {
    display: block;
    background-color: #332C42;
    margin-top: 0px;
    color:whitesmoke
    }
    
}