menu {
    background-color: #875;
    padding-inline-start: 0;
    margin: 0;
}

menu ul {
    list-style: none;
    display: flex;
    margin: 0;
    padding: 0;
    width: 100%;
}

menu li {
    background-color: #555;
    margin: 0 10px;
    flex: 1;
    text-align: center;
    position: relative;
}

menu a {
    color: #ffffff;
    text-decoration: none;
    display: block;
    padding: 5px;
}

menu p {
    color: #dddddd;
    text-decoration: none;
    display: block;
    text-align: center;
    margin: 0px;
    padding: 5px;
}

menu li ul {
    background-color: #4a4a4a;
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%;
}

menu li:hover ul {
    color: #ffffff;
    display: block;
}

body {
}

p {
    margin: 0px;
}

.main-body {
    background-color: #345;
    font-size: 18px;
    color: #ffffff;
}

a {
    color: #ffffff;
}

.content a {
    color: #ffffff;
}

a:hover {
    color: #ffffff;
}

.content {
    background-color: #875;
    margin: 10px;
    width: calc(100% - 20px);
    padding: 10px;
}

.contentCargobox {
  display: flex;
}

.contentLcargo {
  flex: 99%;
}

.contentLside {
  display: flex;
  flex-direction: column;
}

.contentL {
  margin-bottom: 10px;
  padding: 10px;
}

.contentRcargo {
  flex: 1%;
}

.contentRside {
  display: flex;
}

.contentR {
  width: 320px;
  margin-bottom: 10px;
  padding: 10px;
}

@media screen and (max-width: 1000px) {
  .contentCargobox {
    flex-direction: column;
  }

.main-body {
    background-color: #345;
    font-size: 30px;
    color: #ffffff;
}

  .contentLcargo {
    order: 2;
    flex: 100%;
  }

  .contentLside {
    order: 2;
  }

  .contentRcargo {
    order: 1;
    flex: 100%;
  }

  .contentRside {
    order: 1;
  }

  .contentR {
    width: 100%;
    margin-bottom: 10px;
    padding: 10px;
  }

  .content h1 {
    font-size: 55px;
  }

  .content h2 {
    font-size: 45px;
  }

  .content p {
    font-size: 30px;
  }

  .contentCargobox h2 {
    font-size: 45px;
  }

  .contentCargobox h3 {
    font-size: 40px;
  }

  .contentCargobox p {
    font-size: 30px;
  }
}