.masterhead {
  /* background-size: cover;
  min-height: 100vh; */
  /* background-position: center;
  background-image: url("imgs/bg03.png");
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%; */
  /* ................. */
  background-size: cover;
  min-height: 100vh;
  background-position: center;
  /* background-image: url("imgs/bg03.png"); */
  /* background-image: url("imgs/realbg963by600.png"); */
  background-image: url("imgs/bg03.png");
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  /* filter: opacity(0.3); */
}
.logo {
  /* float: right; */
  /* margin: 390px 380px 15px 15px; */
  /* margin-top: 380px;
  margin-left: 840px; */
  right: 27%;
  bottom: 35%;
  position: fixed;
  /* filter: brightness(3); */
  /* filter: contrast(0); */
  /* margin: 700px 80px 15px 15px; */

  /* position: absolute; */
  /* right: 60px;
  bottom: 60px; */
  /* aspect-ratio: 1/3; */
  /* ................. */
}
@media screen and (max-width: 1420px) {
  .masterhead {
    /* background-size: cover;
    min-height: 100vh; */
    /* background-position: center;
    background-image: url("imgs/bg03.png");
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%; */
    /* ................. */
    background-size: cover;
    min-height: 100vh;
    background-position: center;
    /* background-image: url("imgs/bg03.png"); */
    /* background-image: url("imgs/realbg963by600.png"); */
    background-image: url("imgs/bg03.png");
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
    filter: opacity(0.8);
  }
  .logo {
    /* float: right; */
    /* margin: 390px 380px 15px 15px; */
    /* margin-top: 380px;
    margin-left: 840px; */
    right: 27%;
    bottom: 35%;
    position: fixed;
    /* filter: brightness(3); */
    /* filter: contrast(0); */
}
/* @media screen and (max-width: 810px) {
  .masterhead {
    background-size: cover;
    min-height: 100vh;
    background-position: center;
    background-image: url("imgs/realbg300by553.png");
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
  }
}
@media screen and (max-width: 500px) {
  .masterhead {
    background-size: cover;
    min-height: 100vh;
    background-position: center;
    background-image: url("imgs/Untitled\ design\ \(8\).png");
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    width: 100%;
  }
} */
/* @media screen and (max-width: 1920px) {
  .logo {
    float: right;
    margin: 390px 380px 15px 15px;
  }
}
@media screen and (max-width: 600px) {
  .logo {
    float: right;
    margin: 50px 50px;
  }
} */

/* @media (max-width: 1095px) { */
/* .logo {
    float: left;
    margin-top: 0px;
  } */

/* @media (max-width: 798px) { */
/* .bg-img {
    background-image: url("imgs/bg.jpg");
    width: 100%;
    height: 100vh;
    object-fit: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-repeat: no-repeat;
  } */
/* .logo {
    float: left;
    margin-top: 0px;
  } */
/* } */
/* @media (max-width: 720px) {
  .logo {
    float: left;
    margin-top: 0px;
  }
}

@media (max-width: 375px) {
  .logo {
    align-items: center;
    float: right;
    margin: 0px 0px;
  } */