@media only screen and (max-width: 1300px) {
}
@media only screen and (max-width: 1200px) {
}
@media only screen and (max-width: 1024px) {
}

@media only screen and (max-width: 890px) {
}

@media only screen and (max-width: 768px) {
}

@media only screen and (max-width: 648px) {
}
@media only screen and (max-width: 595px) {

  .bottom {
    flex-direction: column;
    text-align: center;
    gap: 20px;
    /* display: block; */
    /* width: max-content; */
    margin: auto;
  }

}
@media only screen and (max-width: 425px) {
}

@media only screen and (max-width: 374px) {
}
@media only screen and (max-width: 320px) {
}