@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:gold;
        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;}
    
}
  }

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

    .title{
      font-size: 15px !important;
      text-wrap: nowrap;
      color:gold;
      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: #ffffffae;
    opacity: 0;
    transform: translateY(20px);
    animation: fadeinup 1s ease forwards;
  }


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