@media (max-width: 768px) {
    .objectives-list 
    {
        width: 90%;
        div {
            flex: 1 1 100%; /* 1 column */
        }
    }

    .cover-picture 
    {
        width: 90%;
    }

    .objectives
    {
        p {
            width: 90%;
        }
    }

  }





  @media (max-width: 830px) {

    .history 
    {
        display: flex;
        flex-direction: column;
        margin: 0 auto;

        text-align: center;

        img{
            margin: 0 auto;
            width: 90%;
            height: auto;
        }
        p 
        {
            margin: 15px auto;
            width: 90%;
        }
    }
    .menu {

        display: none;
        
    }
    .menu-button
    {
        display: block;
    }
    .history-header
    {
        margin-top: 100px;
    }

    .separator1
    {
        height: 950px;

        p
        {
            width: 80%;
        }
    }
    .publications-content 
    {
        div 
        {
            width:90%;
        }
    }

  }

  @media (max-width: 480px) {
    .separator1
    {
        height: 1100px;

  
    }

  }