.dropdown-menu {
    width: 100%;
}

.scrollable-menu {
    height: auto;
    max-height: 170px;
    overflow-x: hidden;
}

.div-i{
    display: flex;
    justify-content: center;
    margin-top: 3rem;
}

.row {
	max-width: 114rem !important;
	margin: 0 auto !important;
}

.row:not(:last-child) {
	margin-bottom: 8rem !important;
}

@media only screen and (max-width: 56.25em) {
	.row:not(:last-child) {
		margin-bottom: 6rem !important;
	}
}

@media only screen and (max-width: 56.25em) {
	.row {
		max-width: 50rem !important;
		padding: 0 3rem !important;
	}
}

.row::after {
	content: "" !important;
	display: table !important;
	clear: both !important;
}

.row [class^="col-"] {
	float: left !important;
}

.row [class^="col-"]:not(:last-child) {
	margin-right: 6rem !important;
}

@media only screen and (max-width: 56.25em) {
	.row [class^="col-"]:not(:last-child) {
		margin-right: 0 !important;
		margin-bottom: 6rem !important;
	}
}

@media only screen and (max-width: 56.25em) {
	.row [class^="col-"] {
		width: 100% !important
	}
}

.row .col-1-of-2 {
	width: calc((100% - 6rem) / 2) 
}

.row .col-1-of-3 {
	width: calc((100% - 2 * 6rem) / 3)
}

.row .col-2-of-3 {
	width: calc(2 * ((100% - 2 * 6rem) / 3) + 6rem)
}

.row .col-1-of-4 {
	width: calc((100% - 3 * 6rem) / 4)
}

.row .col-2-of-4 {
	width: calc(2 * ((100% - 3 * 6rem) / 4) + 6rem)
}

.row .col-3-of-4 {
	width: calc(3 * ((100% - 3 * 6rem) / 4) + 2 * 6rem)
}

.footer {
	background-color: #333 !important;
	padding: 10rem 0 !important;
	font-size: 1.4rem !important;
	color: #f7f7f7 !important;
}

@media only screen and (max-width: 56.25em) {
	.footer {
		padding: 8rem 0 !important;
	}
}

.footer__logo-box {
	text-align: center !important;
	margin-bottom: 8rem !important;
}

@media only screen and (max-width: 56.25em) {
	.footer__logo-box {
		margin-bottom: 6rem !important;
	}
}

.footer__logo {
	width: 15rem !important;
	height: auto !important;
}

.footer-logo{
	height: 10rem !important;
}

.footer__navigation {
	border-top: 1px solid #777 !important;
	padding-top: 2rem !important;
	display: inline-block !important;
}

@media only screen and (max-width: 56.25em) {
	.footer__navigation {
		width: 100% !important;
		text-align: center !important;
	}
}

.footer__list {
	list-style: none !important;
}

.footer__item {
	display: inline-block !important;
}

.footer__item:not(:last-child) {
	margin-right: 1.5rem !important;
}

.footer__link:link,
.footer__link:visited {
	color: #f7f7f7 !important;
	background-color: #333 !important;
	text-decoration: none !important;
	text-transform: uppercase !important;
	display: inline-block !important;
	-webkit-transition: all .2s !important;
	transition: all .2s !important;
}

.footer__link:hover,
.footer__link:active {
	color: #5c61ff;
	-webkit-box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.4);
	box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.4);
	/* -webkit-transform: rotate(5deg) scale(1.3); */
	/* transform: rotate(5deg) scale(1.3) */
}

.footer__copyright {
	border-top: 1px solid #777;
	padding-top: 2rem;
	width: 80%;
	float: right
}

@media only screen and (max-width: 56.25em) {
	.footer__copyright {
		width: 100%;
		float: none
	}
}