@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
          max-width: 1230px;
      }
  }

  @media(min-width:300px)and (max-width:450px){

    .title{
        font-size: 16px !important;

    }

    
  }
  @media(min-width:450px)and (max-width:756px){

    .title{
        font-size: 20px !important;

    }

    
  }



  .menu{
    color:rgb(13, 13, 13);
    opacity: 0;
    transform: translateY(20px);
    animation: fadeinup 1s ease forwards;
    font-weight: bolder;

  }
  .opasiti{
    opacity: .7;
    font-size: 9px !important;
  }

  @keyframes fadeinup{ 
    to {
    opacity: 1;
    transform: translateY(0);
    }
  }

  #mahv {
    opacity: 1;
    transition: opacity 1s ease;
  }