td { text-align: center }

.event-link { color: black !important }
.event-page { margin: 0 auto; max-width: 1086; font-family: 'Assistant' }
.title { text-align: center; font-size: 39px; font-weight: 600; margin-bottom: 80px; }
.title.contact-info{ margin-bottom: 0px; }
.top-hr { border-top: 1.5px solid black; width: 40%; margin-bottom: 0px; }
.ship-oinais-event { font-size: 18px; color: black; }
.event-thumbnail { width: 280px; height: 192px; position: relative; }
.event-mobile-thumbnail { width: 280px; height: 192px; position: relative; margin: 25px; display: none; }
.oinais-event-mobile-thumbnail { display: none; width: 280px; height: 192px; position: relative; margin: 25px; display: none; margin-left: auto; margin-right: auto; }
.event-date { border-left: 0.5px solid; width: 114px; font-size: 28px; padding-top: 45px; vertical-align: baseline; }
.event-title { margin-right: 60px; margin-left: 95px; display: block; }
.event-table { width: 100%; font-size: 28px; color: black; font-weight: 600; }
.event-circle { width: 127px; height: 127px; border-radius: 50%; background-color: RGB(247,192,47); display: inline-block; }
.event-branch-tag { background-color: RGB(247,192,47); position: absolute; left: 162px; top: 15px; width: 118px; height: 35px; line-height: 35px; font-size: 16px; font-family: 'Assistant'; }
.event-mobile-branch-tag { display: none; background-color: RGB(247,192,47); position: sticky; line-height: 35px; font-size: 20px; font-family: 'Assistant'; text-align: center; padding-right: 5px; padding-left: 5px; }
.branch-page-info { background-color: #f7c02f; height: 200px; width: 600px; margin-right: auto; margin-left: auto; text-align: center; font-family: "Assistant"; font-size: 34px; font-weight: bold; }
.event-td-title-and-thumbnail { padding-top: 45px; vertical-align: baseline; text-align: start; width: 600px; }
.oinais-event-date-td { border-left: 0.5px solid; width: 250px; font-size: 28px; padding-top: 45px; vertical-align: baseline; }
.oinais-event-explanation { margin-right: 60px; margin-left: 95px; display: block; font-size: 20px; }
.oinais-event-td-explanation { padding-top: 45px; vertical-align: baseline; text-align: start; width: 450px; }

@media only screen and (max-width: 700px) {
	.event-thumbnail{
		display: none;
		margin: 25px;
	}
	.event-mobile-thumbnail{
		display: inline;
	}
	.oinais-event-mobile-thumbnail{
		display: block;
	}
	.event-date {
		padding: 20px;
	}
	.event-title {
		margin-top: 10px;
		margin-left: 60px;
		text-align: center;
	}
	.event-circle {
		margin-bottom: 70px;
	}
	.title {
		margin-bottom: 40px;
	}
	.event-td-circle {
		padding: 15px;
	}
	.event-mobile-branch-tag {
		display: inline;
	}
	.branch-page-info {
	}
	.event-td-title-and-thumbnail {
		text-align: center;
	}
	.oinais-event-date-td {
		width: 300px;
	}
} 


@media only screen and (max-width: 620px) {
	.branch-page-info {
		width: 500px;
	}

}

@media only screen and (max-width: 570px) {
	.event-thumbnail{
		display: none;
		margin: 25px;
	}
	.event-mobile-thumbnail{
		display: inline;
	}
	.oinais-event-mobile-thumbnail{
		display: block;
	}
	.event-date {
		padding: 20px;
		font-size: 16px;
	}
	.event-title {
		margin-top: 10px;
		margin-left: 50px;
		text-align: center;
		font-size: 16px;
	}
	.title {
		margin-bottom: 40px;
		font-size: 26px;
	}
	.event-td-circle {
		padding: 15px;
	}
	.event-mobile-branch-tag {
		display: inline;
		font-size: 16px;
	}
	.event-td-title-and-thumbnail {
		text-align: center;
		font-size: 16px;
	}
	.oinais-event-date-td {
		width: 300px;
		font-size: 16px;
	}
	.branch-page-info {
		width: 400px;
	}
	.oinais-event-explanation {
		font-size: 16px;
	}
	.event-mobile-thumbnail{
		width: 196px;
		height: 135px;
		display: inline;
	}
	.event-circle {
		width: 80px;
		height: 80px;
		margin-bottom: 10px;
		font-size: 14px;
		line-height: 14px;
	}
} 



@media only screen and (max-width: 470px) {
	.oinais-event-explanation {
		inline-size: 170px;
		margin-right: 30px;
		margin-left: 10px;
	}
	.oinais-event-td-explanation {
		width: 240px;
	}
	.oinais-event-date-td {
		width: 200px;
	}
	.branch-page-info {
		width: 350px;
	}
	.event-circle {
		width: 80px;
		height: 80px;
		margin-bottom: 10px;
		font-size: 14px;
		line-height: 14px;
	}
	.event-title{
		margin-left: 15px;
		font-size: 14px;
		inline-size: 100px;
	}
} 

@media only screen and (max-width: 400px) {
	.event-circle {
		width: 40px;
		height: 60px;
		margin-bottom: 55px;
		font-size: 10px;
		line-height: 9px;
		margin-right: 22px;
		border-radius: 0;
	}
	
}