.banner
{
  background-color: #00102BC8;
  background-image:url("../images/banner.png");
  left:0;
  right:0;
  height:400px;
  background-repeat: no-repeat;
  background-position: right;
}
.banner-heading h1
{
 font-size: 30px;
 color: whitesmoke;
 margin-top:110px;
 margin-left: 40px;
}
.banner-para
{
color: whitesmoke;
 margin-left: 40px;
 width:46.8%;
 text-align: justify;
 line-height: 2;
}
.banner-button input[type=button]
{
    margin-left: 40px;
    background-color: #FF7E2AFA;
    padding: 12px;
    margin-top: 20px;
    color:whitesmoke;
    font-size: 18px;
    border-radius: 8px;
    border-color:#FF7E2AFA;
    opacity: .8;
    cursor: pointer;
}
.custom-menu
{
    display: inline-block;
    padding-left:60px;
}
.banner-image-mobile
{
    display:none;
    background-image:none;
}
@media screen and (max-width: 500px) 
{
    .banner
    {
      background-color: #00102BC8;
      background-image:none;
      left:0;
      right:0;
      background-repeat: no-repeat;
      width: 100%;
      height: auto;
    }
    .banner-heading h1
    {
        font-size: 30px;
        color: whitesmoke;
        margin-top:18px;
        margin: auto;
        text-align: center;
        line-height: 2;
}
.banner-para
{
 margin-left: 0px;
 width:100%;
 text-align: center;
 line-height: 2;
}
.banner-button input[type=button]
{
    margin-left: 0px;
    margin-top: 20px;
    text-align: center;
}
.banner-button
{
    text-align: center;
}
.banner-image-mobile
{
    display:block;
    width: 100%;
    margin-top:26px;
}
.banner-image-mobile img
{
    display:block;
    width: 100%;
}
}