* {
    padding:0px;
    margin:0px;
    box-sizing:border-box;
    font-family: "Ramabhadra",Times, serif;
    transition: none;
}


/* nav  bar css */

  
.menubar {
    background-color:#0d41d3; /*  #ca110f */
    list-style-type: none;
    padding-left:9px;
    padding-bottom:12px;s
    padding-top:5px;
    line-height:1.7em;
  }
  
   .menubar li {
    display:inline-block;
 
    padding:3px;
  }
  
   .menubar li a {
    color: white;
    text-decoration: none;
 
  }
  
.menubar li a:hover {
    color:yellow;
	
	font-weight:500; 
  }

  .banner-image-container {
 padding-bottom: 28.25%;
 width: 100%;
 position:relative;
 overflow:hidden;
}
.banner-image {
 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
 
}

@media (max-width:800px) {
 .menubar {
    display:flex;
    flex-wrap:wrap;
 }

.banner-image-container {
     padding-bottom:25.25%;

 }


}
/*--------------------------------------------------*/