@media screen and (max-width: 600px) {
    *{
        font-size: 4vw;
    }
    h2 {
        font-size: 4vw;
    }
    p {
        font-size: 2vw;
    }
    
    .indexheadline {
        font-size: 10vw;
        max-width: 98vw;
    }
    #indexheadlinetext {
        font: 7vw'Montserrat';
        margin: 0px;
    }
    .indexlowertext {
        font-size: 4vw;
        max-width: 96vw;
    }
    #leftsection {
        width: 100%;
        max-width: 100%;
    }
    #rightsection {
        width: 100%;
        max-width: 100%;
    }
    #rightcontainer {
        max-width: 80vw;
        width:80vw;
    }
    .inlineelement {
        display: block;
    }
    .navbox {
        margin-top: 0.5vh;
    }
    #profiletext * {
        font-size: 1.6vw;
        -webkit-line-clamp: 8; /* number of lines to show */
          line-clamp: 8; 
    }
    .rainbowwrapper {
        width: 60%;
        margin: auto;
    }

    #discordactivitysubheading {
        font-size: 3vw; 
        text-align: center;
    }
    .indexpagecenterwrapper {
        width: 90%;
        max-width: 95%;
    }
    .reveal {
        width: 95%;
    }
    .profilepiclarge {
        display: none;
    }

    .socialboxwrapper {
        padding-bottom: 1vh;
    }
    .bottomwaves {
        max-height: 50vh;
    }
    #svgwaves {
        width: 140vw;
        left: 0;
        bottom: 0;
    }
    .pageheadline {
        font-size: 8vw;
    }
    .pagetext {
        font-size: 4vw;
    }
    .righttextwrapper {
        
        height: auto;
    }
    .centeredwithin {
        height: auto;
    }
  }