.footer {background-color:#fff}
.footer .benefits {display:flex; justify-content:space-between; max-width:1280px; margin:0 auto; padding:30px 0 60px 0}
.footer .benefits a {text-decoration:none}
.footer .benefits a .icon {display:flex; justify-content:center; align-items:center; height:120px}
.footer .benefits a .icon img {max-width:100%}
.footer .benefits a .text {display:block; padding:0 15px; text-align:center; color:#231f20; font-size:16px; font-family:Roboto, sans-serif; font-weight:700; line-height:1.4}
.footer .benefits a:hover .text {text-decoration:underline}

.footer .bottom {background-color:#232323}
.footer .bottom .navigation {display:flex; flex-wrap:wrap; max-width:1280px; margin:0 auto}
.footer .bottom .navigation .links {flex:1 0 0; padding:50px 10% 25px 0}
.footer .bottom .navigation .links .title {color:#fff; font-size:16px; font-family:Roboto, sans-serif; font-weight:700}
.footer .bottom .navigation .links .title::after {content:''; display:block; width:21px; height:2px; background-color:var(--color-02-hex); margin:30px 0}
.footer .bottom .navigation .links .item {padding:0 10px 18px 0}
.footer .bottom .navigation .links .item a {display:inline-block; color:#a7a7a7; font-size:14px; text-decoration:none; line-height:1.3}
.footer .bottom .navigation .links .item a:hover {text-decoration:underline}

.footer .bottom .alternative {display:flex; flex-wrap:wrap; justify-content:center; max-width:1280px; margin:0 auto; padding:20px 0 50px 0; border-top:1px #484848 dotted; color:#a7a7a7; font-size:14px; text-align:center; line-height:1.8}
.footer .bottom .alternative div {display:flex; flex-wrap:wrap; justify-content:center; align-items:center}
.footer .bottom .alternative div img {margin:10px}
.footer .bottom .alternative a {color:var(--color-02-hex)}
.footer .bottom .alternative a:hover {text-decoration:none}


@media only screen and (max-width:1600px) {
	.footer .benefits {max-width:initial; padding:10px 25px 40px 25px}
	.footer .bottom .navigation {max-width:initial; padding:0 40px}
	.footer .bottom .alternative {max-width:initial}
}

@media only screen and (max-width:1220px) {

	.footer .bottom .navigation {justify-content:space-between}
	.footer .bottom .navigation .links {padding:50px 6% 20px 0}
}

@media only screen and (max-width:1080px) {

	.footer .benefits a .icon {height:100px}
	.footer .benefits a .text {font-size:14px}
}

@media only screen and (max-width:980px) {
	.footer .benefits {padding:0 10px 25px 10px}
	.footer .bottom .navigation {padding:0 30px}
}

@media only screen and (max-width:920px) {
	.footer .bottom .navigation {padding:0 20px}
	.footer .bottom .navigation .links {padding:35px 4% 30px 0}
}

@media only screen and (max-width:740px) {
	.footer .benefits {flex-wrap:wrap}
	.footer .benefits a {width:calc(100% / 3)}
}

@media only screen and (max-width:560px) {
	.footer .bottom .navigation .links {flex:1 0 auto; width:100%; padding:35px 0 0 0; text-align:center}
	.footer .bottom .navigation .links .item {padding:0 0 15px 0}
	.footer .bottom .navigation .links .title::after {margin:20px auto}
	.footer .bottom .alternative {padding:0 15px 60px 15px; border-top:0 none}
}

@media only screen and (max-width:440px) {
	.footer .benefits {padding:0 0 20px 0}
	.footer .benefits a {width:50%}
}