.body {
	display: block;
	padding-top: 54px;
}

.title_1 {
	height: 100%;
	top: 100px;
	background-color: aquamarine;
	display: flex;
	align-items: center;
}

.title_1 h2 {
	font-family: 'X360';
	margin: 0 20px 0 20px;
}

.slide_1, .slide_2 {
	position: relative;
	width: 100vw;
	background-color: bisque;
	height: 200px;
}

.title_2 {
	display: flex;
	align-items: center;
	border: 3px solid #333;
}

.title_2 h3 {
	font-family: 'X360';
	margin-left: 20px;
}

.slider {
	height: 100%;
	width: 100%;
}

.slides {
	width: 100%;
	height: 100%;
}

.squares {
	height: 85%;
	display: flex;
	width: 100%;
}

.square {
	height: 100%;
	width: 25%;
	display: block;
	border-left: 3px solid #333;
}

.teams {
	height: 35%;
	display: flex;
}

.teams .t_a {
	width: 50%;
	display: flex;
	text-align: center;
	justify-content: center;
	align-items: center;
}

.teams .t_b {
	width: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.teams .t_a, .t_b p {
	font-size: 18px;
	font-family: arial;
}

.score {
	height: 65%;
	display: flex;
}

.score .t_a {
	width: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.score .t_b {
	width: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.score .t_a p {
	font-size: 60px;
	font-family: arial;
}

.score .t_b p {
	font-size: 60px;
	font-family: arial;
}

.n_t {
	height: 25%;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

.n_t p {
	font-size: 20px;
	font-family: arial;
}

.location {
	height: 60%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.location p {
	font-size: 20px;
	font-family: arial;
}

.location a {
	margin: 15px;
	font-size: 35px;
	border: 5px solid #333;
	border-radius: 5px;
	padding: 0 10px 0 10px;
	color: #333;
	transition: 300ms ease-in-out;
}

.location a:hover {
	background-color: #333;
	color: bisque;
	border: 5px solid #333;
	border-radius: 5px;
}

.time {
	height: 10%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.time p {
	font-size: 20px;
	font-family: arial;
}

.container_2 {
	height: 100%;
}

.container_2-1 {
	display: flex;
	padding: 30px;
	height: 300px;
}

.container_2-1 img {
	padding-right: 30px;
	height: 300px;
}

.container_2-1-1 {
	width: 60%;
}

.cont_img {
    aspect-ratio: 1/1;
}

.container_2-1-1 .cont_title {
	height: 20%;
	display: flex;
	align-items: center;
}

.container_2-1-1 .cont_date {
	height: 10%;
	display: flex;
	align-items: center;
}

.container_2-1-1 .cont_text {
	height: 55%;
	display: block;
}

.cont_text p {
    height: 100%;
}

.cont_text .button {
	height: 20%;
}

.hidden {
    display: none;
}

.non-info {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.non-info h1 {
    font-family: Arial;
    font-size: 20px;
}