* {
	box-sizing : border-box;
}

html, body, #main {
	margin      : 0;
	padding     : 0;
	width       : 100%;
	min-height  : 100vh;
	font-family : "Abel", sans-serif;
	color       : #FFFFFF;
	font-size   : 18px;

	text-align  : center;
}

#main {
	background      : url("../../img/index/background.jpg") no-repeat center center;
	background-size : cover;
}

#main a {
	color : #FFFFFF;
}

#main #content {
	height          : 100%;

	display         : flex;
	flex-direction  : column;
	align-items     : center;
	justify-content : space-between;
}

#main .logo-milc-svg {
	margin-top : 50px;
	width      : 360px;
}


#main #lang {
	margin-top : 40px;
}

#main #lang .select {
	position      : relative;
	height        : 45px;
	background    : #FFFFFF;
	color         : #000000;
	font-size     : 17px;
	display       : flex;
	align-items   : center;
	padding-left  : 25px;
	padding-right : 10px;
	cursor        : pointer;
	user-select   : none;
}

#main #lang .arrow {
	margin-left : 55px;
}

#main #lang .locales {
	position   : absolute;
	top        : 100%;
	left       : 0;
	width      : 100%;
	height     : 0;
	overflow   : hidden;
	transition : height 0.25s ease-in-out;
	box-shadow : 1px 1px 3px 0px rgba(10, 10, 10, 0.9);
	z-index    : 10;
}

#main #lang .locales.show {
	height : 90px;
}

#main #lang a {
	display         : flex;
	align-items     : center;
	height          : 45px;
	width           : 100%;
	padding-left    : 25px;

	background      : #CD4116;
	color           : #FFFFFF;
	border-bottom   : 1px solid #FFFFFF;
	text-decoration : none;
	transition      : color 0.15s;
}

#main #lang a:hover {
	color : #1D1D1D;
}

#main #lang a:last-child {
	border-bottom : none;
}

#main #eighteen p:first-child {
	margin-top : 100px;
}

#main #eighteen .button {
	display         : inline-block;
	padding         : 15px 25px;
	color           : #FFFFFF;
	font-size       : 15px;
	background      : #CD4116;
	text-transform  : uppercase;
	text-decoration : none;
	width           : auto;
}

#main #eighteen .button i {
	position  : relative;
	top       : -2px;
	font-size : 8px;
	font-size : 8px;
}

#main #eighteen .button i:first-child {
	margin-left : 5px;
}

#main #eighteen .button i:last-child {
	left : -1px;
}

#main #eighteen .button {
	border-bottom : 7px solid #E8A996;
}

#main #eighteen .back {
	text-decoration : none;
	font-size       : 15px;
	text-transform  : uppercase;
}

#main #eighteen p:last-child {
	margin    : 0;
	font-size : 15px;
}


#main #mention {
	margin-top    : 30px;
	margin-bottom : 35px;
}

#main #mention p {
	margin : 0;
}


@media screen and (max-width : 767px) {
	#main #logo img {
		object-fit : cover;
		width      : 80%;
		height     : auto;
	}

	#main #lang {
		margin-top : 20px;
	}

	#main #eighteen {
		padding : 0px 20px;
	}

	#main #eighteen p:first-child {
		margin-top : 35px;
	}

	#main #mention {
		padding : 0px 20px;
	}


}