@media (max-width: 500px) {
    .reverse-columns {
        flex-direction: column-reverse;
        display: flex;
        width: 100% !important;
    }
}
/* */
.scrolldown-wrapper {
	left: 50%;
	position: relative;
	text-align: center;
	bottom: 0;
	transform: translate(-50%, -50%);
}
  
.scrolldown {
	border: 2px solid #FFFFFF;
	border-radius: 30px;
	height: 46px;
	margin: 0 auto 8px;
	text-align: center;
	width: 30px;
}

.scrolldown-p1,
.scrolldown-p2 {
	animation-duration: 1.5s;
	animation-name: scrolldown;
	animation-iteration-count: infinite;
	fill: #FFFFFF;
}
  
.scrolldown-p2 {
	animation-delay: .75s;
}

@keyframes scrolldown {
	0% {
		opacity: 0;
		transform: translate(0, -8px);
	}
	50% {
		opacity: 1;
		transform: translate(0, 0);
	}
	100% {
		opacity: 0;
		transform: translate(0, 8px);
	}
}
/* */
.header-image {
    background-image: linear-gradient(rgba(0, 0, 0, 0.40), rgba(0, 0, 0, 0.4)), url("/assets/images/space.jpeg");
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #999;
}

.caronte {
    background-image: url("/assets/images/marble.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #999;
}

.archimede {
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("/assets/images/museum.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-color: #999;
}

.titled {
    font-family: "Merriweather", serif !important;
    font-size: 50px !important;
    font-weight: 400 !important;
    line-height: 55px !important;
}

.subtitled {
    font-family: "Merriweather", serif !important;
    font-size: 22px !important;
    font-weight: 400 !important;
    line-height: 36px !important;
}

@media (max-width: 768px) {
    .titled {
        font-family: "Merriweather", serif !important;
        font-size: 40px !important;
        font-weight: 400 !important;
        line-height: 55px !important;
    }

    .subtitled {
        font-family: "Merriweather", serif !important;
        font-size: 20px !important;
        font-weight: 400 !important;
        line-height: 36px !important;
    }
}

@media (max-width: 480px) {
    .titled {
        font-family: "Merriweather", serif !important;
        font-size: 32px !important;
        font-weight: 400 !important;
        line-height: 55px !important;
    }

    .subtitled {
        font-family: "Merriweather", serif !important;
        font-size: 18px !important;
        font-weight: 400 !important;
        line-height: 36px !important;
    }
}