.first-row {
    height: 300px;
    padding-top: 60px;
}

.row {
    width: 100%;
}

.me_row{
    height:400px;
}

.row_padding{
    width: 100%;
    height: 100%;
    max-width: 1280px;
}

.r_padding{
    width: 100%;
    height: 100%;
    max-width: 1280px;
    text-align: left;
    padding: 100px;
}

.c_image {
    width: 50%;
    height: 100%;
}

.img_steve {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.c_text {
    color: #222;
    width: 50%;
    height: 100%;
    font-size: 40px;
    font-weight: bold;
    text-align: left;
}

.what {
    width: 100%;
}

.who {
    color: #963;
    font-weight: normal;
    margin: 20px;
    font-size: 25px;
    width: 100%;
}

.downloads{
    margin: 20px;
}

.hobby_title{
    justify-content: left;
    width: 100%;
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 10px;
}

.hobbies{
    font-size: 20px;
    font-weight: normal;
    justify-content: left;
    width: 100%;
}

.hobby{
    margin: 0px 10px;
    font-size: 15px;
}

.hobby_icon{
    fill: #222;
    margin-bottom: 10px;
    height: 2em;
}

.bub_bub{
    width: 50%;
    justify-content: right;
    margin-right: 25px;
}

.bub_text{
    width: 50%;
    margin-left: 25px;
}

.bub_title{
    width: 100%;
    font-weight: bold;
    margin-bottom: 30px;
    color: #963;
}

.bub_where{
    width: 100%;
    font-size: 20px;
    margin-bottom: 10px;
}

.bub_what{
    width: 100%;
    font-size: 20px;
}

.bub_row{
    margin: 20px 0px;
    width: 100%;
}

.bubble{
    background-color: #963;
    border-radius: 50%;
    height:180px;
    width:180px;
    margin: 30px;
    color: #222;
}

.years{
    font-weight: bold;
    margin: 10px 0px;
}

.range{
    font-size: 20px;
}

@media screen and (max-width : 768px) {
    .first-row {
        height: 250px;
    }

    .first-row span{
        font-size: 30px;
    }

    .r_padding{
        padding: 50px;
        font-size: 20px;
        text-align: center;
    }

    .downloads{
        flex-direction: column;
    }

    .dirlink{
        flex-direction: column;
    }

    .me_row{
        height:700px;
    }

    .row_padding{
        flex-direction: column;
    }

    .c_image {
        height: 400px;
        width: auto;
    }

    .c_text {
        height: 200px;
        width: 100%;
        margin: 20px;
        font-size: 30px;
        text-align: center;
    }

    .hobbies{
        justify-content: center;
    }

    .hobby_title{
        justify-content: center;
        font-size: 15px;
        font-weight: bold;
    }

    .who{
        font-size: 20px;
    }

    .bubble{
        height: 150px;
        width: 150px;
        margin: 0px;
    }

    .range{
        font-size: 15px;
    }

    .bub_row{
        flex-direction: column;
        margin: 20px 0;
    }

    .bub_bub{
        width: 100%;
        justify-content: center;
        margin: 20px 0px;
    }

    .bub_text{
        width: 100%;
        margin: 0;
    }

    .bub_where, .bub_what{
        font-size: 15px;
    }
}