.profile-head {
    transform: translateY(5rem)
}

.profile {
    margin-bottom: -5rem;
}

.overflow-hidden {
    overflow: hidden !important;
}

.cover {
    background-image: url('jl.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 5rem !important;
}

.media-body {
    margin-top: 3rem;
    margin-bottom: -1.5rem !important;
}

body {
    background: #21b9ae;
    background: linear-gradient(to right, #21b9ae, #8ac926);
    min-height: 100vh;
    overflow-x: hidden;
    font-family: 'Fredoka', sans-serif !important;
    ;
}

.colored-text {
    color: #8ac926;
}

.col.profile-wrapper {
    width: 5rem !important;
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {}

/* iPhone 6, 7, & 8 in portrait */
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {

    body {
        font-size: 2rem !important;
    }

    h4 {
        font-size: 2.8rem !important;
    }

    h5 {
        font-size: 2.6rem !important;
    }

    .col.col-sm-4 {
        max-width: 90% !important;
        width: 90% !important;
        flex: 0 0 90% !important;
    }

    .col-lg-6 {
        width: 50% !important;
        float: left;
    }

    .col-lg-6 img {
        width: 100% !important;
    }
}

@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : landscape) {}