/* MAIN */

@media (max-width: 1360px) {
	.black_button {
		display: none;
	}
}

@media (max-width: 960px) {
	.menu {
		background-color: rgba(0, 0, 0, 0.3);
	}
}

@media (max-height: 850px) {
	.black_button {
		display: none;
	}
} 

@media (max-height: 800px) {
	.main {
		background-image: url('../../img/bck01down.png');
	}

	.info_box {
		display: none;
	}
}

@media (max-width: 1080px) {
	.main {
		background-position: center;
		background-image: url('../../img/bck02.png');
	}
}

@media (max-width: 875px) {
	.main {
		background-image: url('../../img/bck03.png');
	}
}

@media (max-width: 691px) {
	.main {
		background-image: url('../../img/bck04.png');
	}
	.center_black_button {
		display: flex;
		width: 100%;
		justify-content: center;
	}
	.black_button {
		display: inline-block;
		width: fit-content;
		text-align: center;
		float: none;
		margin-top: 70vh;
		margin-right: 0;
		backdrop-filter: blur(5px);
		background-color: rgba(0, 0, 0, 0.3);
	}
	.button_title {
		color: #fff;
	}
	.info_box {
		display: none;
	}
}

@media (max-width: 545px) {
	.main {
		background-image: url('../../img/bck05.png');
	}
	.black_button {
		margin-top: 60vh;
	}
}

@media (max-width: 490px) {
	.main {
		background-image: url('../../img/bck06.png');
	}
}

@media (max-width: 420px) {
	.main {
		background-image: url('../../img/bck07.png');
	}
}



@media (max-width: 860px) {
	.info_box_text {
		font-size: 30px;
		margin-top: 5px;
	}
	.info_box_numb {
		font-size: 80px;
		line-height: 1;
	}
	.info_box {
		margin-top: 82vh;
		width: 250px;
		margin-left: 10px;
		border-radius: 20px;
	}
}

@media (max-width: 625px) {
	.info_box {
		display: none;
	}
}

















/* INFO ARTICLE */

@media (max-width: 1560px) {
	.info_article_content {
		width: 60vw;
	}
}

@media (max-width: 1360px) {
	.info_article_content {
		width: 100%;
	}

	.info_article_text {
		width: 100%;
	}
}

@media (max-width: 1060px) {
	.info_article {
		width: 70%;
		margin-left: 15%;
		margin-right: 15%;
	}

	.info_article_text {
		width: 100%;
	}
}

@media (max-width: 860px) {
	.info_article {
		width: 90%;
		margin-left: 5%;
		margin-right: 5%;
	}
}

@media (max-width: 700px) {
	.info_article_title {
		font-size: 50px;
	}
}

@media (max-width: 560px) {
	.info_article_title {
		font-size: 40px;
	}
}

@media (max-width: 460px) {
	.info_article_title {
		font-size: 50px;
	}
}


/* INFO BOX ERROR */

@media (max-height: 680px) {
	.info_box {
		display: none;
	}
}