article.page .content, main.row .content {
    flex: 2.1;
    min-width: calc(70% - 1em);
    padding: 0 1em 0;
}

article.page .sidebar, main.row .sidebar {
    flex: .9;
    min-width: calc(30% - 1em);
    padding: 0 0 0 1em;
}

article#svyazatsya-s-nami .content,
article#feedback .content {
  flex: 1;
  min-width: calc(33.33% - 1em);
  padding: 0 1em 0;
}

article#svyazatsya-s-nami .sidebar,
article#feedback .sidebar {
  flex: 2;
  min-width: calc(66.66% - 1em);
  padding: 0 0 0 1em;
}

/* Styles from Content STARTS */

/* o-nas */

#section-1 .card{padding:0 0 3.6em;}
#section-1 .tweedledum {width:24%;flex:0 0 24%;}
#section-1 .tweedledee {margin:.5em 2.1em;}
#section-1 .info a,#section-1 .info p  {font:300 1.3rem/1 open_sans_content, Helvetica, Arial, sans-serif;text-shadow:1px 1px 0 #7b4306;}
#section-1 .tweedledee p {font:300 1.3rem/1.3 open_sans_content, Helvetica, Arial, sans-serif;text-shadow:1px 1px 0 #7b4306;}
#section-1 .info a {text-transform:inherit;color:inherit;text-decoration:none;}

/* uslugi */

#section-2 h2{text-align: center;margin:.21em 0 .42em;}

/* portfolio */

div[data-name="portfolio"] {}
div[data-name="portfolio"] h2 {margin:.3em .75em .75em !important;}
div[data-name="portfolio"] .modula-gallery{margin:1em 0;}

/* preimuschestva */

#preimuschestva h2 {margin:1em 0 .75em!important;}
#preimuschestva strong {display: inline-block;
font: 2rem/1.3 roboto_condensedlight,Helvetica,Arial,sans-serif;
margin: -0.3em 0 .21em .13em;
z-index: 1;
position: relative;}
#preimuschestva ul{display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 3vw;
	padding:0;
	list-style: none;
}
#preimuschestva ul li {position: relative;
min-height: 6.4em;min-width: 250px;
padding: .25em 2.4em 2.4em;margin:0;
flex: 1 1 calc(48% - 2.5em);
background: var(--bg-main);
border-radius: 2.1em;
}
#preimuschestva ul li:before{display: block;
	content: ' ';
width: 2rem;height: 2rem;
position: relative;
top: .75em;left:-1em;
background-size: contain;background-repeat: no-repeat;
	background-image: url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzIgMzIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgICA8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE2IDMxQzI0LjI4NDMgMzEgMzEgMjQuMjg0MyAzMSAxNkMzMSA3LjcxNTczIDI0LjI4NDMgMSAxNiAxQzcuNzE1NzMgMSAxIDcuNzE1NzMgMSAxNkMxIDI0LjI4NDMgNy43MTU3MyAzMSAxNiAzMVpNMjQuNzE0IDExLjU1NjZMMjMuMjIzNSAxMC4xMzA5TDEzLjYzOTkgMjAuMTUwMkw5LjIyOTIgMTUuNzM5NUw3Ljc3MDggMTcuMTk4TDEzLjY3MjYgMjMuMDk5OEwyNC43MTQgMTEuNTU2NloiIGZpbGw9ImJsYWNrIiBzdHlsZT0iZmlsbDogcmdiKDUyLCAxNTIsIDIxOSk7Ii8+Cjwvc3ZnPg==");
}

#preimuschestva ol{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 3vw;
	padding:1.3em 3em 1.3em 3em;
	list-style: none;
    counter-reset: steps-counter;
}
#preimuschestva ul li {
	position: relative;
	min-height: 6.4em;
	min-width: 250px!important;
	background: var(--bg-main-even);
	padding: .25em 2.4em 2.4em;margin: 0 0 0 1em;
	flex: 1 1 calc(48% - 2.5em);
	counter-increment: steps-counter;
	border-radius: 2.1em;
}
#preimuschestva ul li:before{color: var(--bg-main-even);
background: var(--bg-main-odd-light);
content: counter(steps-counter);
border: 2px solid var(--bg-main-odd);
border-radius: 2.1em;
text-align: center;
font: 1.8rem/1 roboto_condensedlight,Helvetica,Arial,sans-serif;
display: block;
width: 2rem;
height: 2rem;
position: relative;
top: .25em;
left: -.5em;
}

/* steps */

div[id^="steps"] {color:var(--txt-color);}
div[id^="steps"] ol {color:var(--txt-color);}
div[id^="steps"] h2 {margin:1em 0 .75em!important;color:var(--txt-color);}
div[id^="steps"] strong {display: inline-block;font: 2rem/1.3 roboto_condensedlight,Helvetica,Arial,sans-serif;
  font-weight: normal;margin: -0.4em 0 .21em .18em;z-index: 1;position: relative;text-shadow: 1px 1px 0 var(--bg-main-even);}
div[id^="steps"] ol{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 3vw;
	padding: 2.1em 0 0 0;
	list-style: none;
    counter-reset: steps-counter;
}
div[id^="steps"] ol li {
	position: relative;
	min-height: 6.4em;
	min-width: 250px!important;
	background: var(--bg-main-odd);
	padding:.25em 2.4em 2.1em;margin:0;
	flex: 1 1 calc(48% - 2.5em);
	counter-increment: steps-counter;
	border-radius: 2.1em;
}
div[id^="steps"] ol li:before{color: var(--bg-main-odd-light);background: var(--bg-main-even);
content: counter(steps-counter);
border: 2px solid var(--bg-main-even);border-radius: 2.1em;
text-align: center;font: 1.8rem/1 roboto_condensedlight,Helvetica,Arial,sans-serif;
display: block;position: relative;top: .25em;left: -.5em;
width: 2rem;height: 2rem;
}
div[id^="steps"] .step {display: inline-block;
line-height: 1.3;
position: relative;
margin:.5em 0 .5em 2.1em;}
div[id^="steps"] .step:before {display: block;
font-family: "Font Awesome 7 Free";
content: '\f012';
font-size: 1em;
line-height: 1;
position: absolute;
top: .15em;
left: -1.6em;
width: 1em;
overflow: hidden;}
div[id^="steps"] li .step:last-child {margin:.5em 0 0 2.1em;}
div[id^="steps"] ol > li .step:nth-child(3):before { width:.64em;left:-1.24em; }
div[id^="steps"] ol > li .step:nth-child(5):before { width:.84em;left:-1.44em; }
div[id^="steps"] ol > li .step:nth-child(7):before,
div[id^="steps"] ol > li .step:nth-child(9):before {  }

/* kontakty */

#kontakty h2 {  margin:.55em 0 .88em !important;text-align:center; }

/* kontakty-data */

#kontakty-data p {  margin: .75em 0 1em ; }

/* Styles from Content ENDS */

.row.text-center .col-4 a {
    display: block;height: 100%;

}

.row.text-center .col-4 a:hover {
animation:swing 0.5s ease-in-out infinite alternate;
}

/* Adaptive */

/* Экстрамалые девайсы («портретные телефоны», < 576px) */
@media (max-width:575.98px) {
	#preimuschestva ul { padding:.3em 0 .3em 0!important; }
	#preimuschestva ul li,
	div[id^="steps"] ol li	{ min-width:200px!important;padding:.25em 1.5em 1.4em;margin:0;flex: 0 0 100%; }
	div[id^="steps"] ol { padding:.3em 0 .3em 0!important; }
	div[id^="reviews"] ol.comment-list {padding:.3em 0 .3em 0!important;flex-direction: column;}
	div[id^="reviews"] ol li.depth-1 {max-width: 98%!important;flex: 0 1 calc(98% - 2.5em)!important;padding: 0 !important;}
	.comment-avatar { width:90px!important;height:90px!important; }
	.container.frontpage input[type="text"], .container.frontpage input[type="email"], .container.frontpage input[type="button"], .container.frontpage input[type="submit"], .container.frontpage input[type="reset"], .container.frontpage input[type="search"], .container.frontpage input[type="password"], .container.frontpage textarea { max-width:100%; }
	.container.frontpage strong { white-space:normal; }
	#team ol { padding:.3em 0 .3em 0!important; }
	div[data-name="portfolio"] h2 { margin:.3em 0 .75em 0!important; }
	
}

/* Большие девайсы (большие десктопы, >= 992px) */
@media (min-width:992px) and (max-width:1199.98px) {
	.container.frontpage strong { white-space:normal; }
}

@media (min-width: 1400px) {
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1378px;}
}