body, p, a, td, input, password, textarea, select {
  font-family: Roboto;
  font-size: 16pt;
  color: #fff;
}

a {
  color: #fff;
}
.menu {
  padding-left: .1vw;
  padding-right: .1vw;
  color: #fff;
  font-weight: bold;
  font-size: clamp(.75rem, 1.5vw, 1.5rem);
}

.main {
  display: grid;
  justify-content: center;
  grid-template-columns: repeat(auto-fill, 480px);
}

.container {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  justify-content: center;
}

@media screen and (max-width: 3000px) {
  .contentwidth {
    width: 1000px;
  }
  .logowidth {
    width: 20vw;
  }
  .picwidth {
    width: 300px;
  }
  .video {
    width: 960px;
    height: 540px;
  }
}

@media screen and (max-width: 1500px) {
  .contentwidth {
    width: 750px;
  }
  .logowidth {
    width: 35vw;
  }
  .picwidth {
    width: 250px;
  }
  .video {
    width: 720px;
    height: 405px;
  }
}

@media screen and (max-width: 900px) {
  .contentwidth {
    width: 600px;
  }
  .logowidth {
    width: 40vw;
  }
  .picwidth {
    width: 200px;
  }
  .video {
    width: 576px;
    height: 324px;
  }
}

@media screen and (max-width: 620px) {
  .contentwidth {
    width: 350px;
  }
  .logowidth {
    width: 45vw;
  }
  .picwidth {
    width: 300px;
  }
  .video {
    width: 320px;
    height: 180px;
  }
}