@media screen and (min-width: 1000px) {
    #section1{
        background-image: url(images/Graphic-skills-scaled.jpeg);
        background-size: cover;
        background-position: center;
        background-attachment: fixed;
        padding-top: 150px;
        background-blend-mode: multiply;
        
    }
    #section2{
        background-image: url(images/AdobeStock_264640342.jpeg);
        background-size: cover;
        background-position:center;
        background-attachment: fixed;
        background-blend-mode: multiply;
        
    }
    #img{
        width: 950px;
    }
    .width{
        width: 950px;
    }
    .slide-track {
        display: flex;
        animation: scroll-left 20s linear infinite;
      }
      @keyframes scroll-left {
        0% {
          transform: translateX(0);
        }
        90% {
          transform: translateX(-250px); /* width * number of images */
        }
        100%{
            transform: translateX(0);
        }
    } 
}

@media screen and (max-width: 999px) {
    #section1{
        background-image: url(images/Graphic-skills-scaled.jpeg);
        background-size: cover;
        background-position: center top;
        background-attachment: fixed;
        padding-top: 50px;
        background-blend-mode: multiply;
        text-align: center;
        font-size: 10px;
        
    }

    #section2{
        background-image: url(images/AdobeStock_264640342.jpeg);
        background-size: cover;
        background-position: center;
        background-attachment: fixed;
        background-blend-mode: multiply;
        
    }
    .pad{
        padding-top: 50px;
    }
}









#nav{
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 100;
    margin-bottom: 200px;
}
.box{
    margin-bottom: -30px;
}