@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;500;600;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lilita+One&display=swap');
body{
  font-family: 'Montserrat', sans-serif;
}
.main{
    margin-bottom:3400px;
}
img{
  max-width: 100%;
}
		.right-side{
			margin-left: auto;
			width: 300px;
		}
				.colmds{
			display: inline-block;
			width: 100%;
			max-width:530px;
			text-align: center;
			margin: 10px;
			padding: 10px;
			border-radius: 10px;
			overflow: hidden;
		}
.img-box-col{
	border:1px solid #ddd;
}
.img-box-col{
	height: 400px;
	text-align: center;
}
.img-box-col img{
	max-width: 100%;
	max-height: 100%;
}
.col-caption p{
	padding: 10px;
	font-size: 33px;
}
.logo{

  margin: auto;
  text-align: center;
}
.logo img{
  max-width:350px;
  width: 100%
}
.banner img{
  width: 100%
}
.box{
  margin: 10px 0px;
}
.hdd h4{
  text-align: center;
  border:1px solid #ddd;
  padding: 10px;
  border-radius:5px;
  margin: 0px;
  color: #000;
  font-size: 58px;
   font-family: "Lilita One", sans-serif;
}
.head h4{
  background: #000000;
  padding: 10px;
  border-radius:5px;
  margin: 0px;
  color: #fff;
  font-size:25px;

}
.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;
}
.promo{
  text-align: center;
}
.promo ul li{
  display: inline-block;
  width: 100%;
  max-width:230px;
  border: 1px solid #ddd;
  padding: 10px;
  border-radius: 10px;
}
@media only screen and (max-width: 400px) {
.logo {
    width: 100%;
  }
  .box-details{
       text-align:center;
  }
  .box-details .right{
    text-align:center;
}
}