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

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

    .title{
        font-size: 15px !important;
        text-wrap: nowrap;
        color:rgba(29, 38, 45, 0.999);
        animation: newblink 3s infinite;
    }

    @keyframes newblink {
        50%,100%{opacity: 1;}
        25%,75%{opacity: .4;}
        
    }
@keyframes blink {
    0%,50%,100%{opacity: 1;}
    25%,75%{opacity: 0;}
    
}
  }



  .menu{
    color: #222;
    opacity: 0;
    transform: translateY(20px);
    animation: fadeinup 1s ease forwards;
  }


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