@media only screen and (min-width: 768px){
    #landingPage{
        height: 80vh;
        background:linear-gradient( rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1) ),url('./assets/galaxy2.jpg');
        background-position: center bottom;
    }
        
    #chelsea{
        font-size: 4rem;
        margin-bottom: 2rem;
    }

    #jobtitle{
        font-size: 2.5rem;
    }
    .buttons{
        margin-top: 4rem;
    }

    #projects {
        max-width: 75vw;
    }
    hr{ 
        width: 40vw;
    }

    #about{
        height: 60vh;
        font-size: 1.5rem;
    }
    #about-content{
        padding-left:12.5%;
    }
    .ui.small.image{
        width: 15vw;
    }

    #introduction{
        float: left;
        width: 40vw;
        margin-left: 5rem;
    }
    #front-back-btns{
        float: left;
        margin-top: 2rem;
        width: 40vw;
        margin-left: 5rem;
        
    }

    #contact{
        clear: both;
    }

    #contact-form {
        width: 55vw;
    }

    #back-to-top{
        bottom: 1rem;
        right: 1rem;
      }
}