* {
   padding: 0;
   margin: 0;
   box-sizing: border-box;
}

.con-footer {
   display: flex;
   gap: 50px;
   padding: 50px;
   background: #222;
   justify-content: center;
}

.con-if-about {
   display: flex;
   gap: 50px;
}

.con-nav-logo {
   display: flex;
   gap: 50px;
}

.nav-logo {
   display: flex;
   gap: 50px;
}

.about-content {
   max-width: 550px;
   min-width: auto;
}

.con-navpage {
   min-width: 120px;
}

.logo-conntact {
   min-width: 120px;
}

.tiktok {
   margin: 10px 0 5px 0;

   a {
      img {
         border-radius: 50%;
      }
   }
}

@media only screen and (max-width:500px) {
   .con-footer {
      display: flex;
      flex-direction: column;
      justify-content: center;
   }

   .con-if-about {
      justify-content: center;
   }

   .con-nav-logo {
      display: flex;
      flex-direction: column;
   }

   .nav-logo {
      display: flex;
      flex-direction: column;
      justify-content: center;
   }

   .con-iframe {
      iframe {
         width: 350px;
         height: 250px;
         border: 1px solid red;
      }
   }

}



@media only screen and (min-width:500px) and (max-width:730px) {
   .con-footer {
      display: flex;
      flex-direction: column;
      justify-content: center;
   }

   .con-if-about {
      justify-content: center;
   }

   .con-nav-logo {
      display: flex;
      flex-direction: column;
   }

   .nav-logo {
      justify-content: center;
   }

   .con-iframe {
      iframe {
         width: 400px;
         height: 300px;
         border: 1px solid red;
      }
   }

}


@media only screen and (min-width: 600px) and (max-width: 1500px) {
   .con-footer {
      display: flex;
      flex-direction: column;
      justify-content: center;
   }

   .con-if-about {
      justify-content: center;
   }

   .con-nav-logo {
      justify-content: center;
   }

   .con-iframe {
      iframe {
         width: 600px;
         border: 1px solid red;
      }
   }

}