@media (max-width: 600px){
  .footer-grid{
    grid-template-columns: 1fr;
  }
}

@media (min-width: 601px) and (max-width:900px){
  .footer-grid{
    grid-template-columns: 1fr 1fr;
  }
}

@media (min-width: 901px){
  .footer-grid{
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
    .user-tab{
      display: flex;
      flex-direction: column;
      justify-content: space-evenly;
    }

    .user-tab-actions{
      display: flex;
      max-width: 300px;
      background-color: #015752;
      align-items: center;
      text-align: center;
      justify-content: center;
      margin-left: 2vw;
      margin-bottom: 2vw;
      margin-right: 2vw;
      border-radius: 1rem;
      transition: 0.3s;
    }
   
    .why-choose-us{
      display: flex;
      flex-direction: column;
      text-align: left;
      margin-bottom: 60px;
      color: rgb(16, 118, 144);
      background-color: white;
      transition: 0.5s;
      margin-top: 80px;
      margin-bottom: 80px;
      transition: 1.5s;
    }

    .red{
      color:rgba(23,90,98,255);
    }

    .wcu-text{
      padding: 20px 20px 20px 20px;
      font-size: 2rem;
      text-align: left;
      box-shadow: 0px 0px 25px rgba(2, 114, 107, 0.2);
      border-radius: 20px;
      margin-right: 10px;
      margin-left: 10px;
      margin-bottom: 20px;
      color: white;
      background-color:rgba(23,90,98,255);
    }

    .wcu-tab{
      display: flex;
      flex-direction: column;
    }

    .wcu-trans{
      background-color: black;
    }

    .join-us-text{
      text-align: center;
      margin: 5rem 2rem 2rem 2rem;

    }

    .user-tab-action-button{
      padding: 2rem;
      font-size: 20px;
      font-family: chromate;
      background-color: #015752;
      color:white;
      border: none;
      border-radius: 6px;
      transition: 0.3s;
      cursor: pointer;
    }

    .user-tab-actions:hover{
      box-shadow:  2px 3px 14px rgba(0, 0 , 0, 0.3);
    }

    .user-tab-container{
      display: grid;
      grid-template-columns: 1fr 1fr 1fr 1fr;
      margin-bottom: 20px;
    }

    .publish-your-journal{
      padding: 5rem 2rem 5rem 2rem;
      text-align: left;
      margin-bottom: 3vw;
      margin-top: 4vw;
      z-index: 2;

    }

    .logo-img-2{
      width: 2em;
      margin-right: 0.5em;
    }
    
    .red{
      display: none;
    }

    .blue{
      display: block;
    }

    .visible{
      display: block;
    }

    .invisible{
      display: none;
    }