/* Responsive */
    @media (max-width: 768px) {
        .section4-container {
            padding: 50px 5px;
        }
body,html{
    overflow-x: hidden;
    margin: 0px;
}

.small-text {
    padding: 20px 0px 0px 5px;
}

        .section4-text-section p {
            font-size: 2.2rem;
            line-height: 40px;
        }


        .unmarked {
            background-color: black;
        }

        .first-img img {
            width: 80%;
        }

        .first-img {
            margin-top: -180px;
        }

        .art {
            letter-spacing: -15px;
                margin: 30px 0px;
        }

        .small-text {
            width: 100%;
            margin-top: 0px;
            text-transform: uppercase;
        }

        .line {
            padding: 50px 0px;
        }

        .line img {
            object-fit: fill;
            height: 100px;
            width: 100%;
        }

        .let {
            flex-direction: column;
            padding: 50px 10px;
        }

        .letoneone-container {
            padding: 10px 0px;
        }

        .letone {
            width: 100%;
            order: 2;
        }

        .lettwo {
            width: 100%;
            order: 1;
            padding-left: 0px;
            justify-content: left;
        }

        .letoneone-text-section p {
            font-size: 40px;
            line-height: 40px;
        }

        .letonetwo {
            padding: 10px 0px;
            text-transform: uppercase;
        }

        .email {
            flex-direction: column;
            padding: 0px 10px;
        }

        .year {
            flex-direction: column;
            text-align: center;
            
        }

        .yearone,
        .yeartwo,
        .yearthree {
            width: 100%;
        }

        .years {
            display: none;
        }

        .yearone,
        .yearthree {
            font-size: 32px;
        }

        .emailone {
            width: 100%;
        }

        .emailtwo {
            width: 100%;
        }

        .emailthree {
            width: 100%;
        }

        .created {
            flex-direction: column;
            padding: 0px 10px;
            margin: 0px;
        }
    }


    /* chat */
    
    @media (max-width: 768px) {
  .year {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
    text-align: center;
    border-bottom: 0px;
  }
  .social-links {
    font-size: 10px;  
}
.lettwo {
    padding-right: 0px;
}

  .yearone {
    order: 1;
  }

  .yeartwo {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .yeartwo p {
    order: 2;
    font-weight: bold;
    text-transform: uppercase;
    margin: 10px 0;
  }

  .yearthree {
    order: 3;
    color: #a5a5a5;
  }

    }
@media (max-width: 768px) {
  .yeartwo {
    position: relative;
  }

  .yeartwo img {
    width: 90%;
    margin: 50px auto; /* More space between images */
    display: block;
    left: 0;
    position: relative;
    z-index: 2;

    opacity: 1;
    filter: blur(0px);
    transform: rotateY(0deg);
    will-change: transform, opacity, filter;
    transition: none;
    transform-origin: center;
    backface-visibility: hidden;
  }
}