@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;500;600;900&display=swap');
body{
  font-family: 'Montserrat', sans-serif;
}
.logo{
  
  margin: auto;
  text-align: center;
}
.logo img{
/*  max-width:250px;*/
  width: 100%
}
.banner img{
  width: 100%
}
.box{
  margin: 10px 0px;
}
.head h4{
   background: linear-gradient(to right, #000 0%, #E6BC64 100%);
  padding: 10px;
  border-radius:5px;
  margin: 0px;
  color: #fff;

}
.head h4:before{
  content: "\2630";
  padding-right: 10px;
}
.box-details{
  background: #fff;
  border:1px solid #ddd;
  padding: 10px;
}
.box-details .right{
    text-align:right;
}
.box-details img{
    max-width:120px;
}
.main-img {
  max-width:400px;
  width: 100%;
  margin: auto;
  text-align: center;
  border:1px solid #ddd;
  padding: 5px;
  border-radius: 5px;
}
.main-img img{
  width: 100%;
  max-width:100%!important;
}
.copyright{
  text-align: center;
  border-bottom: 3px solid #000;
}
@media only screen and (max-width: 400px) {
.logo {
    width: 100%;
  }
  .box-details{
       text-align:center;
  }
  .box-details .right{
    text-align:center;
}
}