@media screen and (max-width: 1710px) {
    #page-container {
        left: 20%;
        width: 60%;
    }
}

@media screen and (max-width: 1400px) {
    #page-container {
        left: 15%;
        width: 70%;
    }
}

@media screen and (max-width: 1200px) {
    #page-container {
        left: 10%;
        width: 80%;
    }
}

@media screen and (max-width: 900px) {
    #page-container {
        display: block;
        top: 4%;
        left: 7%;
    }
    #bio-img-container{
        margin-bottom: 35px;
    }
    #bio-img {
        left: 29%;
        position: relative;
    }    
    .col {
        margin-right: 0px;
    }
    #bio-container {
        width: 93%;
    }
}

@media screen and (max-width: 715px) {
    #page-container {
        top: 2%;
        left: 5%;
    }
    #bio-img-container{
        margin-bottom: 15px;
    }
    #bio-img {
        left: 23%;
        margin-bottom: 15px;
    }
    #bio-container {
        width: 90%;
    }
}

@media screen and (max-width: 480px) {
    #page-container {
        padding:5px;
        top: 3%;
        left: 8%;
    }
    #bio-container {
        width:85%;
    }
    #bio-img-container{
        margin-bottom: 15px;
    }
    #bio-img {
        left: 16%;
    }
}

@media screen and (max-width: 390px) {
    #page-container {
        top: 2%;
        left: 6%;
    }
    #bio-container {
        width:83%;
    }
    #bio-img-container{
        margin-bottom: 15px;
    }
    #bio-img {
        left: 7%;
        margin-bottom: 10px;
    }
}