@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 h1{
font-size: 34px;
text-align: center;
padding: 20px;
}
.banner img{
  width: 100%
}
.box{
  margin: 10px 0px;
}
.head h4{
   background: linear-gradient(to right, #13aff0 0%, #0065b8 100%);
  padding: 10px;
  border-radius:5px;
  margin: 0px;
  color: #000;

}
.head h4:before{
  content: "\2630";
  padding-right: 10px;
}
.box-details, .box-detailss{
  background: #fff;
  border:1px solid #ddd;
  padding: 10px;
}
.box-details .right{
    text-align:right;
}
.box-details img{
    max-width:120px;
}
.box-detailss{
  text-align: center;
}
.box-detailss img{
    max-width:190px;
    margin: auto;
}
.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;
}
/*promo*/
.promo{
    margin: 15px 0px;
}
.promo .box{
    background: #444950;
    padding: 15px;
    text-align: center;
    margin: 5px 0px;
}
.promo .box h2{
    font-size: 16px;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
}
.promo .box p{
    text-transform: uppercase;
    color: #fff;
}
/*promo end*/
@media only screen and (max-width: 400px) {
.logo {
    width: 100%;
  }
  .box-details{
       text-align:center;
  }
  .box-details .right{
    text-align:center;
}
}