.my-responsive-group {
    display: flex;
    flex-direction: row;
    gap: 20px;
}

.hero-title {
	font-size: 64px;
}

.hero-subtitle{
	font-size: 32px
}

/* Tablet */
@media (max-width: 1024px) {
    .my-responsive-group {
        flex-direction: column;
        gap: 15px;
    }
	.hero-title {
		font-size: 48px;
	}
	.hero-subtitle{
		font-size: 26px
	}
}

/* Mobile */
@media (max-width: 768px) {
    .my-responsive-group {
        flex-direction: column;
        gap: 10px;
    }
	.hero-title {
		font-size: 32px
	}
	.hero-subtitle{
		font-size: 20px
	}
}



End of comment */