body {
    background-color: #F7F7F7;
}
.description {
    position: absolute;
    width: 100%;
    bottom: 10%;
}
.projects {
    margin-top: 26px;
}
.hero .heading,
.projects .description > .row {
    border-top: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}
.project-container {
    margin-bottom: 26px;
}
.heading {
    font-size: 1.875rem;
    color: #FFFFFF;
    font-family: Poppins-Bold, sans-serif;    
    padding-top: 18px;
    padding-bottom: 18px;
}
.signature {
    color: #FFFFFF;
    font-family: Poppins-Medium, sans-serif;
    text-transform: uppercase;
    font-size: 0.75rem;
    margin-top: 63px;
}
.about-description {
    background-color: #EDF0F2;
    margin-top: 150px;
}
.about-description span {
    font-family: Poppins-Light, sans-serif;
    font-size: 1.875rem;
    color: #1C1B1B;
    display: inline-block;
    width: 100%;
    padding-top: 95px;
    padding-bottom: 95px;
}
.about-description a {
    display: inline-block;
    text-align: right;
    padding: 16px;
    background-color: #ffffff;
    text-decoration: none;
    font-family: col-lg-4 old, sans-serif;
    font-size: 18px;
    color: #1C1B1B;
    line-height: 27px;
}
.about-link-container {
    text-align: right;
}
.blog-section {
    margin-top: 150px;
    margin-bottom: 150px;
}
.blog-section .blog-container, .projects .project-container {
    position: relative;
    display: inline-block;
}
.projects .project-container .description > .row {
    margin: 0;
}
.blog-summary {
    background-color: #FFFFFF;    
}
.blog-summary, .projects .description {
    width: 100%;
    margin: 0 auto;
    position: absolute;
    bottom: 10%;
}
.blog-summary > div {
    padding: 16px 16px 16px 24px;
}
.projects .col-lg-4 {
    padding-top: 16px;
    padding-bottom: 16px;
}
.blog-section .blog-summary span:not(.story) {
    display: inline-block;
    width: 100%;
    font-family: Poppins-Bold, sans-serif;
    color: #1C1B1B;
    font-size: 1.25rem;
}
.blog-section .blog-summary .story,
.projects .col-lg-4 .project {
    font-family: Poppins-Medium, sans-serif;
    font-size: 18px;
    line-height: 27px;
    text-align: center;
    text-decoration: none;
    position: relative;
    display: inline-block;
    color: #1C1B1B;
}
.blog-section .blog-summary .story:after,
.projects .col-lg-4 .project:after {
    width: 24px;
    content: "";
    display: inline-block;
    height: 100%;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    top: 0;
    right: -32px;
}
.blog-section .mobile,
.projects .mobile {
    width: 100%;
}
.blog-section .blog-container {
    margin-bottom: 26px;
}
.about-link-container a {
transition: background-color 0.2s ease-in-out;
}
.about-link-container a:hover, 
.project-container .col-lg-4:hover,
.blog-container .col-lg-4:hover {
    background-color: #1C1B1B;
    color: #FFFFFF;
}
.project-container .col-lg-4:hover span,
.blog-container .col-lg-4:hover span {
    color: #FFFFFF;
}

@media only screen and (max-width: 1280px) {
    .desktop:not(header) {
        display: none;
    }
    .projects .project-container {
        margin-bottom: 26px;
        width: 100%;
        display: inline-block;
    }
}
.project-container, .blog-container {
    display: inline-block;
}
@media only screen and (min-width: 1281px) {
    .mobile:not(header) {
        display: none;
    }
    .blog-summary .col-lg-4 .container-fluid {
        padding: 0;
    }
    
.blog-section .col-lg-4,
.projects .col-lg-4 {
    display: flex;
    justify-content: flex-start;
    align-items: center; 
    background-color: #FFFFFF; 
}
}
@media only screen and (min-width: 1281px) {
    .blog-summary .col-lg-4,
    .projects .description .col-lg-4 {
        opacity: 0;
        transition: opacity 0.1s ease-in-out;
    }
    .blog-container:hover .col-lg-4,
    .project-container:hover .col-lg-4 {
        opacity: 1;
    }
}