.image-container {
    width: 100%;
    height: 675px;
    background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 60.94%), url(./images/single-post-page-img.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 16px;
    margin-top: 2rem;
}

.entry-text-single-post{
    font-size: 75px;
}

.overlay-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #000000;
    color: #fff;
    padding: 10px 20px;
    font-size: 20px;
    text-align: center;
}

.project-arrow {
    width: 32px;
    height: 20px;
    margin-bottom: 5px;
}

/** Project Images Section css **/

.projects-div {
    margin-top: 10rem;
}

.single-project-text-div {
    width: 90%;
    margin-top: 4rem;
}

.project-title {
    width: 40%;
}

/** Credit Section css **/

.credit-div {
    margin-top: 5rem;
    margin-left: 4.5rem;
    margin-right: 4.5rem;
}


/** Next Project Section css **/

.next-project-div {
    margin-top: 10rem;
    margin-bottom: 5rem;
}

@media only screen and (max-width: 768px) {
    .entry-text-single-post{
        font-size: 50px;
    }

    .project-title {
        width: 100%;
    }

    .single-project-text-div {
        width: 100%;
    }

    .single-project-paragraph-div{
        margin-top: 0.5rem;
        width: 100% !important;
    }

    .ringraziamo-paragraph{
        width: 100% !important;
    }

    .credit-div {
        margin: 5rem 2rem 0rem 2rem;
    }
  }

  
@media only screen and (max-width: 576px) {
    .entry-text-single-post{
        font-size: 32px;
    }

    .project-arrow {
        width: 25px;
        height: 15px;
        margin-bottom: 5px;
    }
    
    .single-post-page-detail{
        font-size: 16px;
    }
  }