html, body {
  margin: 0;
  padding: 0;
  background-color: transparent;
  overflow-x: hidden;
    background-image: url('images/red.jpg');
  background-size: cover;
  background-blend-mode: multiply;
}

.parapet {
  width: 100%;
  display: flex;
  justify-content: center;
  background-color: transparent;
  padding: 0; 
}

.parapet img {
  width: 250px;
  height: auto;
}

/* RESPONSIVE MEDIA QUERIES */


/* WORKING WORKING WORKING */
/* Small Devices - Phones (Portrait) */ /* Small phones (e.g. iPhone 13 Mini) */
@media only screen and (max-width: 479px) {

  .parapet img {
  width: 180px;
  height: 84px;
  padding-top:10px;
}

}

/* Medium Devices - Phones (iPad Mini portrait mode) */   /* Larger phones (e.g. iPhone Pro Max) */
@media only screen and (min-width: 480px) and (max-width: 767px) {

}

/* WORKING WORKING WORKING */
/* Some Tablets and Narrow Windows (Ipad Air 10.9" portrait, Chrome Browser, etc.) */ 
@media only screen and (min-width: 768px) and (max-width: 991px) {

}

/* WORKING WORKING WORKING */
/* Medium Tablets (like iPad Air 10.9" and iPad Mini landscape modes) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {

}

/* Large Tablets / Small Laptops (iPad Pro 12.9″, Surface Go, etc.) */
/* @media only screen and (min-width: 1200px) and (max-width: 1439px) {

} */


/* Small devices: mobile phones */
/* @media (max-width: 599px) {

} */