body {
	font-family: 'Nunito Sans', sans-serif;
	background: url(/img/r1.jpg) no-repeat,#9f9593;
	
	background-position: top center;
	font-size: 18px;
	font-weight: 700;
    background-size: auto 100%;min-height:100vh;
	padding: 0;
	margin: 0;
}
.header{min-height:90px;height: calc( calc(100vh - 233px) / 2 );}
@media only screen and (max-width: 600px) {
  body {
    background-size: cover;
  }
}

* {
	margin: 0;
    padding: 0;
    -webkit-tap-highlight-color: transparent;
}

div, p {
	box-sizing: border-box;
}

.container {
	width: 680px;
	margin: 0 auto;
}

.about {
	margin-top: 6px;
	text-align: center;
}

.avatar {
	width: 96px;
	height: auto;
}

p {
	color: #FFF;
	font-size: 18px;
	padding: 10px 0;
	margin-left: auto;
    margin-right: auto;
}

.more {
	margin-top: -10px;
	font-weight: 600;
	font-size: 16px;
position: fixed;
bottom: 10px;
left: 0;
right: 0;
}

a {
	text-decoration: none;
}

.btn {
	margin-bottom: 10px;
	height: 40px;
    padding-top: 4px;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.8);
width: 300px;
margin-left: auto;
margin-right: auto;

border: 1px solid rgba(255, 255, 255, 0.8);
border-radius: 100px !important;
}
.btn img{max-height:36px;width:auto;text-align:center;}
.big_btn {
	height: 76px;
}

.big_link {
	display: block;
	margin-left: auto;
    margin-right: auto;
}

.links {
	text-align: center;
	margin: 8px 0 56px 0;
}

.link {
	display: block;
	justify-content: center;
}

.link-hor {
    display: flex;
    justify-content: center;
}

.link_descr {
	margin-top: -20px;
    font-size: 14px;
    color: #104377;
}

.tel_descr {
    font-size: 14px;
    color: #2D2E36;
    margin: 4px 0 0 -12px;
}

.btn:hover {
	background-color: rgba(135, 161, 185, 0.5);
	animation: bounce 1s;
}

@keyframes bounce {
	0%, 20%, 60%, 100% {
		transform: translateY(0);
		transform: translateY(0);
	}

	20% {
		transform: translateY(-10px);
		transform: translateY(-10px);
	}

	40% {
		transform: translateY(-5px);
		transform: translateY(-5px);
	}
}
@media screen and (max-width: 568px) {
body {
		background-size: 100% auto;background-attachment: fixed
	}

	.container	{
		width: 90%;
	}

	.btn {
		width: 100%;
	}

	.link {
		padding: 0;
    	width: 100%;
	}
}
@media screen and (min-width: 569px) and (max-width: 768px) {

	body {
		background-attachment: fixed
	}

	.container	{
		width: 90%;
	}

	.btn {
		width: 100%;
	}

	.link {
		padding: 0;
    	width: 100%;
	}
}



.link{font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 16px;text-align:left;padding-left:8px;

color: #000;display:inline-block;}
.link span:before{content:"";display:inline-block;width:33px;height:30px;margin-right:5px;background-repeat:no-repeat;background-position:center center;background-size:auto 100%;}
.link span{width: 100%;
line-height: 28px;display:flex;}
.d-flex{display:flex !important;}