#dark{
    position:relative;
    top:150px;
    height:600px;
    width:100%;
    background:#222222;
    text-align:center;
}
#darkBox{
    position:relative;
    top:100px;
    width:1000px;
    margin:0 auto;
    display:flex;
    flex-wrap:wrap;
}
#darkTextBox{
    float:left;
    width:350px;
}
.darkTextTitle{
    font-size:30px;
    font-family: "Outfit", sans-serif;
    font-optical-sizing: auto;
    font-weight:500;
    font-style: normal;
    font-variation-settings: "wdth" 100;
    color:#ffffff;
    text-align:left;
    margin-bottom:10px;
}
.darkTextBlurb{
    font-size:15px;
    font-family:"Instrument Sans", sans-serif;
    font-weight:300;
    font-optical-sizing: auto;
    font-style: normal;
    font-variation-settings: "wdth" 100;
    color:#CCCCCC;
    text-align:left;
    margin-bottom:35px;
    width:250px;
}
#darkImageBox{
    float:right;
    width:600px;
    text-align:right;
}
#darkImage{
    border-radius:15px;
    max-width:600px;
}

@media only screen and (max-width: 500px) {
    #dark{
        height:unset;
    }
    #darkBox{
        top:30px;
        width:90%;
        display:flex;
        flex-wrap:wrap;
    }
    #darkTextBox{
        float:unset;
        text-align:center;
        width:100%;
    }
    .darkTextTitle{
        text-align:center;
    }
    .darkTextBlurb{
        text-align:center;
        width:unset;
    }
    #darkImageBox{
        float:unset;
        height:350px;
        width:100%;
        text-align:center;
    }
    #darkImage{
        max-width:350px;
    }
}