/* custom classes v version */

.logomb
 {
    width:80px;
    height:80px;
    border-radius:20px;
    margin-top:-22px;
    margin-bottom: -32px;
  }

 .comp-logo
 {
    background-repeat:no-repeat;
    width:200px;
    height:200px;
    border-radius:20px;
  }
  .imgbanner
  {
    /*background-image: url(static/MDhorizonWebApp/img/Mdhorizonimg5.jpg);*/
  }
.test{
 background:#0000 !important;
}
    .flex-container {
   display: flex;
   background-color: grey;
   flex-wrap: wrap;
   width: 100%;
   justify-content: center;
}

.flex-container-div {
  background-color: #f1f1f1;
  margin: 6px;
  padding: 2px;
  width:24%;
  font-size: 15px;
  border:solid 1px;
  flex: 1 1 auto;
}
.menu-text-color
{
    color:#a91e3d
}

 .imagetitlegalry
 {
  background-color:Blue;
 color:#EFB036;
  align-self: flex-end;
  }
.container-img-rulediv {
  background-color: #002633;
  margin: 2px;
  padding:2px;
  width:49%;
 }

#banneraboutimg
{
    content:"";
    width:100%;
    height:400px;
    /*background-image: url(/static/MDhorizonWebApp/img/aboutus.jpg) ;*/
    background-repeat:no-repeat;
    background-size: 100%  100%;
}

#bannerprogramimg
{
    content:"";
    width:100%;
    height:400px;
    /*background-image: url(/static/MDhorizonWebApp/img/aboutus.jpg) ;*/
    background-repeat:no-repeat;
    background-size: 100%  100%;
}
.submenu
{
  color: #3399ff;
}
@media only screen and (max-width:480px)
{
    .logomb
 {
     margin-top:-40px;
     float: right;
      }

     #banneraboutimg
    {
    width:100%;
    /*background-image: url(/static/MDhorizonWebApp/img/education3.png);*/
    background-repeat:no-repeat;
    background-size: 100%  100%;
    }
  #bannerprogramimg{
    width:100%;
    /*background-image: url(/static/MDhorizonWebApp/img/education3.png);*/
    background-repeat:no-repeat;
    background-size: 100%  100%;
    }
  .container-img-rulediv {
   width:100%;
 }
.atext{
color:brown;
}
}

@media only screen and (max-width:768px)
{
 .logomb
 {
     margin-top:-40px;
     float: right;
      }
}
     #banneraboutimg
    {
    width:100%;
    /*background-image: url(/static/MDhorizonWebApp/img/education3.png);*/
    background-repeat:no-repeat;
    background-size: 100%  100%;
    }
    #bannerprogramimg
    {   width:100%;
    /*background-image: url(/static/MDhorizonWebApp/img/education3.png);*/
    background-repeat:no-repeat;
    background-size: 100%  100%;
    }
    .container-img-rulediv {
     width:100%;
 }