@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;

    }

    #damnosh{
        margin-right: 1.3rem !important;
    }
  }
  @media(min-width:450px)and (max-width:756px){

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

    }

    #damnosh{
        margin-right: 1.3rem !important;
    }
  }



  .menu{
    color:RGB(255, 255, 242);
    opacity: 0;
    transform: translateY(20px);
    animation: fadeinup 1s ease forwards;
  }


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