.section-content-3 {
    width: 100% !important;
    max-width: 100% !important;
    position: relative;
}

    .section-content-3:not(.about-section) p {
        position: relative;
        max-width: 1000px;
        margin: 20px;
        display: inline-flex;
        font-size: xx-large;
        font-weight: bold;
        letter-spacing: 2px;
        margin-top: 20px;
        transform: translateY(80px);
        opacity: 0;
    }

        .section-content-3:not(.about-section) p.on {
            -webkit-animation: fade-in 3s; /* Safari, Chrome and Opera > 12.1 */
            -moz-animation: fade-in 3s; /* Firefox < 16 */
            -ms-animation: fade-in 3s; /* Internet Explorer */
            -o-animation: fade-in 3s; /* Opera < 12.1 */
            animation: fade-in 3s;
            opacity: 1;
            margin-top: 20px;
            transform: translateY(0px);
        }


@media (max-width:500px) {
    .section-content-3:not(.about-section) p {
        font-size: 1em;
    }
}

@media screen and (min-width:500px) and (max-width:700px) {
    .section-content-3:not(.about-section) p {
        font-size: 1.2em;
    }
}

@media screen and (min-width:700px) and (max-width:900px) {
    .section-content-3:not(.about-section) p {
        font-size: 1.3em;
    }
}

@media (max-width:768px) { /*sm*/
	.section--content-center {
		padding: unset !important;
		overflow-x: hidden;
		height: 350px !important;
	}
}


@keyframes fade-in {
    from {
        opacity: 0;
        transform: translateY(80px);
    }

    to {
        opacity: 1;
        transform: translateY(0px);
    }
}