/* === DESKTOP FIRST === */
@media (max-width : 1200px) {
	.fz36 {
		font-size: 28px;
	}
	.fz120 {
		font-size: 78px;
	}
	.fz60 {
		font-size: 36px;
	}
	.fact-h1 {
		font-size: 32px;
	}
	.contact-wrap__link div {
    margin-bottom: 5px;
	}
	.complect-white {
		min-height: 191px
	}
	.section-hero__content h1.garant-office {
		font-size: 36px;
	}
	.section-hero__content .section-hero__content__heading.mobil {
		font-size: 30px;
	}
}
@media (max-width : 992px) {
	.mobile-menu-hidden {
		position: fixed;
		right: 20px;
		top: 20px;
		z-index: 1;
	}
	.mobile-menu-hidden a {
		background-color: rgba(0,0,0,.8);
    color: #fff;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    font-size: 30px;
	}
	.mobile-menu-hidden a:hover {
		background-color: rgba(0,0,0,1);
	}
}
@media (max-width : 768px) {
	
	.section-hero {
		padding: 45px 0;
	}
	.section-hero__content__heading {
		text-align: center;
	}
	.fact-h1 {
		font-size: 24px;
	}
	.fz36,.section-title {
		font-size: 28px;
	}
	.fz120 {
		font-size: 78px;
	}
	.fz60 {
		font-size: 36px;
	}
	.section-hero__image img {
		border-radius: 10px;
	}

	.section-hero__content h1.garant-office {
		font-size: 36px;
	}
	.section-hero__content .section-hero__content__heading.mobil {
		font-size: 30px;
	}
	.section {
		padding-top: 30px;
	}
	.accordion-wrapper .card-header h2 .btn {
		font-size: 18px;
		padding: 15px;
	}
	.accordion-wrapper .card-header h2 .btn:before {
    right: 15px;
	}
	.accordion-wrapper .card .card-body {
		padding-left: 15px;
		padding-right: 15px;
		font-size: 18px;
	}
	.fz30 {
		font-size: 20px;
	}
	.clients__small {
		font-size: 18px;
	}
	.contact-wrap__button .btn {
		padding: 10px;
		font-size: 16px;
	}
	
}
@media (max-width : 576px) {}