.ml-650 {
  margin-left: 650px;
}

header {
  z-index: 1;
}
body{
  overflow-x: hidden;
}

.pic {
  width: 100vw;
}

.image {
  position: relative;

  text-align: center;

  color: white;

  display: flex;

  object-fit: cover;

  width: 100% !important;
}

.font {
  position: absolute;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);

  font-size: 59px;
}

.body {
  min-height: 100%;
}

.text {
  color: white;
}

.head {
  font-size: 38px;
}

.box {
  height: 333px;

  background-color: white;

  width: 1000px;
}

.box1 {
  height: 333px;

  width: 250px;

  align-content: center;
}

@media screen and (max-width: 700px) {
  .content {
    display: flex;

    flex-direction: column;

    gap: 5px;

    padding: 0px 50px 0px 50px;
  }

  .main-content {
    margin-top: 0px;
  }

  .base {
    height: 700px;
  }

  .width {
    padding: 0px 50px 0px 50px !important ;
  }
}