body {
  height: 100%;
 
}


body {
  background: #dfdfdf;
  font-family: "IBM Plex Sans", sans-serif;
  font-size: 0.9rem;
  font-style: normal;
  font-weight: normal;
  line-height: 1.789;
  color: #000000;
  margin: 0;
  padding: 0;

}



.responsive {
  width: 100%;
  height: auto;
 
 
}

.responsive1 {
  width: 100%;
  height: auto;
 
}

.responsive2 {
  width: 40;
  height: auto;
  padding: 10px 10px;
 
}





@media (max-width: 576px) {
.responsive2 {
	width: 40;
  height: auto;
  padding: 10px 10px;
 
}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
.responsive2 {
	width: 40;
  height: auto;
  padding: 10px 10px;
 
}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.responsive2 {
	width: 40;
  height: auto;
  padding: 10px 10px;
 
}
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
.responsive2 {
	width: 40;
  height: auto;
  padding: 10px 10px;
 
}
}



@media (max-width: 576px) {
.footer {
	font-size: 0.9rem;
 
}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
.footer {
	font-size: 0.9rem;
 
}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.footer {
	font-size: 0.9rem;
 
}
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
.footer {
	font-size: 0.9rem;
 
}
}


@media (max-width: 576px) {
.responsive1 {
	width: 20;
  height: auto;

 
}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
.responsive1 {
	width: 20;
  height: auto;

 
}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
.responsive1 {
	width: 20;
  height: auto;

 
}
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
.responsive1 {
	width: 20;
  height: auto;
 
 
}
}