/*-----------------------------------*\
  FOOTER
\*-----------------------------------*/

footer {
	padding: 50px 0 0;
	background: #4E61EF;
	color: #fff;
}

body.home footer {
	padding-bottom: 146px;
}

footer a, #menu-legal a {
	color: #fff;
}

footer ul {
	list-style: none;
}

.fm-logo {
	width: 180px; margin-bottom: 30px;
}

.fm-copy {
	font-size: 1.8rem;
	margin-bottom: 30px;
}

#menu-footer-mobile li {
	font-size: 1.6rem;
	line-height: 1.1;
	margin-bottom: 30px;
}

#menu-footer-mobile li:last-child {
	margin-bottom: 40px;
}

.footer-legal {
	border-top: 1px solid rgba(255,255,255,0.25);
	padding: 32px 0;
	font-size: 1.4rem;
}

#menu-legal li {
	margin-bottom: 8px;
}

.fl-menu {
	margin-bottom: 20px;
}

.fm-col2 {
	display: none;
}

@media only screen and (min-width: 768px) {

	body.home footer {
		padding-bottom: 120px;
	}

	.fm-mobmenu {
		display: none;
	}

	.fm-logo {
		width: 235px;
	}

	.fm-copy {
		max-width: 692px;
	}

	.fm-col1 {
		margin-bottom: 48px;
	}

	.fm-col2 {
		display: flex; flex-wrap: wrap;
		padding-bottom: 20px;
		justify-content: space-between;
	}

	.fm-menu {
		margin-bottom: 80px;
	}

	.fm1, .fm4 {
		width: 27%;
	}

	.fm2, .fm3, .fm5, .fm6 {
		width: 35%;
	}

	.fm-menu ul li {
		font-size: 1.4rem; margin-bottom: 12px;
		line-height: 1.3;
	}

	.fm-menu ul li a {
		color: rgba(255,255,255,0.8);
	}

	.fm-menu ul li a:hover {
		color: rgba(255,255,255,1);
	}

	.fm-menu ul li:first-child {
		font-size: 1.6rem;
		margin-bottom: 20px;
	}

	.fm-menu ul li:first-child a {
		color: rgba(255,255,255,1);
	}

	.fm-menu ul li:last-child {
		margin-bottom: 0;
	}

	.fl-menu {
		margin-bottom: 0;
	}

}

@media only screen and (min-width: 1024px) {

	footer {
		padding: 64px 0 0;
	}

	body.home footer {
		padding-bottom: 140px;
	}

	.fm-row {
		display: flex;
		justify-content: space-between;
	}

	.fm-col1 {
		width: 35%;
		padding-right: 30px;
	}

	.fm-col2 {
		width: 65%; padding-top: 76px;
	}

	.fm-copy {
		font-size: 1.6rem;
		max-width: 280px;
	}

	.fm-menu {
		margin-bottom: 48px;
	}

	#menu-legal li {
		display: inline-block;
		margin: 0 30px 0 0;
	}	

}

@media only screen and (min-width: 1280px) {

	footer {
		padding: 72px 0 0;
	}

	.fm-col2 {
		padding-bottom: 60px;
		justify-content: start;
	}

	.fm1, .fm5 {
		width: 22%;
	}

	.fm4 {
		width: 16%;
	}

	.fm2, .fm3, .fm6 {
		width: 31%;
	}

}

@media only screen and (min-width: 1440px) {

	footer {
		padding: 100px 0 0;
	}

	.fm-copy {
		font-size: 2rem;
		max-width: 399px;
	}

	.fm-logo {
		margin-bottom: 50px;
	}

	.fm-col2 {
		padding-bottom: 96px;
		padding-top: 100px;
	}

}