/*
 * The site CSS. Excuse all the !importants, materialize.css likes to define a lot of their
 * own odd rules, and sometimes overriring them is a bit tricky!
 */
.my-face {
    border-radius: 50%;
}


#about-me {
    margin-top: 60px;
}

.about-description {
    padding-right: 55px;
    padding-left:  55px;
}
.form-icon {
    color: #bdbdbd;
}

.resume:hover {
    color: #e65100 !important;
}
.work-btn {
    color: #FFFFFF !important;
}

.btn-right {
    margin-right: 0px   !important;
    float:        right !important;
}

.card-content-tech {
    margin-top: 6px !important;
}
.social-icon i {
    font-size: 2em !important;
}

.social-icon:hover {
    color: #e65100 !important;
}

.heart {
    color: pink;
}

.transition {
    -o-transition:      .25s;
    -ms-transition:     .25s;
    -moz-transition:    .25s;
    -webkit-transition: .25s;
    transition:         .25s;
}

/*
 * The site CSS. Excuse all the !importants, materialize.css likes to define a lot of their
 * own odd rules, and sometimes overriring them is a bit tricky!
 */
.my-face {
    border-radius: 50%;
}


#about-me {
    margin-top: 60px;
}

.about-description {
    padding-right: 55px;
    padding-left:  55px;
}

@media screen and (max-width: 768px) {
    .about-description {
        padding-right: 0px;
        padding-left:  0px;
    }
}

.form-icon {
    color: #bdbdbd;
}

.resume:hover {
    color: #e65100 !important;
}
.work-btn {
    color: #FFFFFF !important;
}

.btn-right {
    margin-right: 0px   !important;
    float:        right !important;
}

.card-content-tech {
    margin-top: 6px !important;
}
.social-icon i {
    font-size: 2em !important;
}

.social-icon:hover {
    color: #e65100 !important;
}

.heart {
    color: pink;
}

.transition {
    -o-transition:      .25s;
    -ms-transition:     .25s;
    -moz-transition:    .25s;
    -webkit-transition: .25s;
    transition:         .25s;
}

Add media query to remove about me padding on small screens
Add media query to remove about me padding on small screens
