@font-face {
  src: url(https://banka.credit/font/Rubik.woff2);
  font-family: 'Rubik';
  font-display: swap;
}

body {
	font-family: 'Rubik', sans-serif;
	background-color: #e4e4e4;
}

.pwa-install.pwa-active {
	text-decoration: none;
	display: block;
	color: blue !important;
}

#header {
	font-size: 0.9rem;
	font-weight: 700;
}

#header a {color: gray;}
#cards a {color: #000}
#header img {width: 140px}

.offer .card-item {
    background: #fff;
    border-radius: 20px;
    overflow: hidden;
}

.card-item .btn {
	width: 90%;
	background-color: #77b41f;
	color: #fff;
	white-space: pre;
	border-radius: 40px;
	padding: 15px 0;
	margin: 20px auto 10px auto;
	font-weight: 500;
}

.card-item .url, .mfo-item .url {
	color: #0d6efd;
	font-weight: 400;
	text-decoration: underline;
}
.card-item .url {font-size: 0.9rem}

.card-item .url:hover {
	text-decoration: underline;	
}

.card-item .summa-time {font-size: 1.3rem}

.all img {width: 100%}

.card-item:hover {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
}

.mfo-item table {border: 7px solid #fff; box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;}
.mfo-item > a, a.offer {text-decoration: none;}

/* footer */
#footer {
	font-size: 0.9rem;
}
#footer a {color: #66b41f;}

@media (min-width: 992px) {
	.all .btn {
		width: 200px;
		margin: 0;
	}	
	.all img {width: 150px}
}

@media (max-width: 768px) {
	#header img {width: 100px}	
	.card-item .summa-time {font-size: 0.85rem}
}