.page-header {
    background: #18BC9C;
    color: #FFF;
    text-align: center;
}

.profile {
    max-width: 400px;
    display: block;
    margin:0 auto 2rem;
    animation-duration: 2s;
}

.page-title {
    animation-duration: 2s;
    animation-delay: 0.5s;
}

.tag-line span {
    display: inline-block;
}

.tag-line span {
    animation-duration: 1s;
}

.tag-line span:nth-child(1) {
    animation-delay: 0.5s;
}

.tag-line span:nth-child(2) {
    animation-delay: 1s;
}

.tag-line span:nth-child(3) {
    animation-delay: 1.5s;
}

.tag-line span:nth-child(4) {
    animation-delay: 2s;
}

.section-sub-header {
    margin-top: 5rem;
}

.about-section,
.skills-section {
    padding: 4rem 0;
}

.skills-section {
    background: #18BC9C;
    color: #FFF;
}

@media (max-width: 543px) {
    .page-header {
        padding-top: 10rem;
        padding-bottom: 4rem;
    }

    .page-title {
        font-size: 5rem;
    }

    .tag-line {
        font-size: 1.6rem;
    }
}

@media (min-width: 544px) {
    .page-header {
        padding-top: 15rem;
        padding-bottom: 5rem;
    }

    .page-title {
        font-size: 6.5rem;
    }

    .tag-line {
        font-size: 2.4rem;
    }

    .about-section,
    .skills-section {
        padding: 5rem 0;
    }
}

@media (min-width: 768px) {
    .skills {
        list-style: none;
    }
}