*{
    /* border: 1px solid black; */
    box-sizing: border-box;
}

@media screen and (min-width: 700px){
    #projects{
        padding: 50px 0px 50px 0px;
        margin: 0 auto;
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 20px;
        justify-items: center;
    }
}

@media screen and (min-width: 900px){
    #projects{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        gap: 20px;
        margin: 0 auto;
        padding: 50px 0px 50px 0px;
    }
}

#projects {
    padding: 50px 0px 50px 0px;
    margin: 0 auto;
}

.jumbotron {
    height: 150px;
    margin-bottom: 50px;
    position: relative !important;
}

#projects{
    position: relative;
}