@charset "utf-8";
/* CSS Document */
.text-box{
	text-align: center;
	color: #f6f6ee;
	background: #afa1890f;
	margin: auto;
	width: 35%;
	border-radius: 25px;
    padding: 20px;
	font-family: KortoBook;
	margin-bottom: 5vw;
}

.text-box a{
	text-align: center;
	color: #f6f6ee;
	font-family: KortoBook;
	text-decoration: none;
}

.padme{
	margin-top: 8vh;
}

.mapholder{
	text-align: center;
	margin-top: 5vh;
}

.topevent{
	margin-bottom: 6vh;
	margin-top: 8vh;
}

.middleevent{
	margin-bottom: 6vh;
}

.endevent{
	margin-bottom: 6vh;
}

.eventcss{
	font-size: 1.2rem;
    color: #f6f6ee;
    font-family: KortoBook;
    text-decoration: none;
    text-align: left;
    text-wrap: balance;
}

.pastevent{
	padding-top: 2.5vh;
	padding-bottom: 2.5vh;
}

.YAPP{
	font-size: 1.2rem;
	color: #f6f6ee;
	font-family: KortoBook;
	text-decoration: none;
	text-align: left;
	margin-top: 5vw;
	text-wrap: balance;
	margin-bottom: 5vw;
}

.challangers{
	font-size: 1.2rem;
    color: #afa189;
	font-family: KortoBook;
	text-decoration: none;
	text-align: left;
	text-wrap: balance;
}

@media only screen and (max-width: 900px){
	.text-box {
		width: 70%;
	}

}
@media only screen and (max-width: 767px){
	.whenmobilepasteventext {
		margin-top: 6vh;
	}
	.challangers{
		text-align: center;
	}
}

@media only screen and (max-width: 700px){
	.YAPP{
		font-size: 1.0rem;
	}
}

@media only screen and (max-width: 600px){
	.text-box {
		width: 90%;
	}
	.padme{
		margin-top: 10vh;
	}
}