@media only screen and (max-width: 1000px){
    .menu{
        display: block;
        font-size: 2em;
        margin-left:10px;
    }
    .nav>ul{
        display: none;
       
    }
    .cover{
        padding: 0;
      font-size: 1em;
      transform: none;
    }
    .card{
        justify-content: center;
        font-size: 1em;
    }
    .card p{
        order:2;
    }
    .card img{
        order: 1;
    }
}
@media only screen and (max-width: 700px){
    .camp-stats, .student{
        font-size: 15px;
        width: 100%;
        position:relative;
        top:0;
    
    }
    .card{
        width: 100%;
    }
    .card img{
        width: 100%;
    }
}