/* begin file */
@charset "UTF-8";
/* For Bootstrap 5.x */

/* ================================================== */
body {
	overflow: visible;
}

.notify-trigger-top.top-right-trigger {
	position: relative;
}

.notify-trigger-top {
	display: inline !important;
}

.notify-trigger-top span {
	display: inline !important;
}
/* ================================================== */

/* ================================================== */
/* Responsive */
/* ================================================== */
/* XS */
@media only screen and (min-width : 100px) {
	body {
		height: 105%;
	}

	.header__logo {
		width: 100%;
		background-color: rgba(0,0,0,0.5);
	}

	.header__logo img {
		max-width: 280px;
		margin: 0 auto;
	}
	
	.soc_net {
		margin-top: 30px;
		text-align: center;
	}

	.soc_net a {
		font-size: 1.6em;
		padding-right: 10px;
		padding-left: 10px;
	}

	.notify-trigger-top span {
		font-size: 1.4em !important;
	}
	
	.notify {
		margin-top: 20px;
	}
	
	.notify_sm {
		font-size: 1.2rem;
	}
}

/* XS */
@media only screen and (min-width : 480px) {
	.notify_sm {
		font-size: 1.6rem;
	}

	.copyright {
	  bottom: 40px;
	}

	.header__logo img {
		max-width: 450px;
	}
}

/* SM */
@media only screen and (min-width : 576px) {
	body {
		height: 100%;
	}
	
	.desc {
		margin-bottom: 30px;
	}

	.notify-trigger-top span {
		font-size: 1.5em !important;
	}
	
	.copyright {
	  bottom: 20px;
	}
}

/* MD */
@media only screen and (min-width : 768px) {
	.notify_sm {
		font-size: 1.4rem;
	}

	.copyright {
	  left: 0px;
	}
}

/* LG */
@media only screen and (min-width : 992px) {
	.header__logo img {
		max-width: 500px;
	}
	
	.copyright {
	    bottom: 10px;
	}
}

/* XL */
@media only screen and (min-width : 1200px) {
	.header__logo img {
		max-width: 600px;
	}
	
	.desc {
		margin-bottom: 40px;
	}

	.notify_sm {
		font-size: 1.6rem;
	}

	.headline.center {
		margin-top: 40px;
	}
	
	.soc_net {
		margin-top: 40px;
	}
}

/* XXL */
@media only screen and (min-width : 1400px) {
	.notify_sm {
		font-size: 1.4rem;
	}
}
/* ================================================== */
/* end of file */
