@font-face {
    font-family: 'MADE Barista';
    src: local('MADE Barista'), local('MADEBarista'), url('Madebarista.woff') format('woff'), url('Madebarista.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

.leto-font
{
  font-family: 'MADE Barista';
}

.leto-button
{
  font-family: 'MADE Barista';
  background: #0474e5;
  color: white;
  font-size: 29px;
  font-weight: bold;
  letter-spacing: 3px;
  padding: 0 20px;
  border: 3px solid #0474e5;
}

.leto-button:hover
{
  background:transparent;
  color:#0474e5;
}

.leto-banner
{
  clear:both;
  background:url('images/leto-promo.jpg') no-repeat center center;
  display:block;
  width:100%;
  height: 420px;
  position:relative;
}

.leto-banner .leto-button
{
  position:absolute;
  right: 50%;
  margin-right: -77px;
  bottom: 15px;
}

.leto-sostav
{
  clear:both;
  background:url('images/sostav-bg.png');
  color:#0474e5;
  text-align:center;
  font-family: 'MADE Barista';
  height: 550px;
  padding: 15px 0 25px;
}

.leto-sostav img
{
  max-width:100%;
  padding: 20px 10%;
}

.leto-sostav h2, .leto-sostav p
{
  font-family: 'MADE Barista';
  font-size: 50px;
  font-weight: bold;
  letter-spacing: 1px;
  padding: 12px 0;
}


.leto-oborudovanie 
{
    padding-top: 30px;
    padding-bottom: 30px;
}

.leto-oborudovanie .text
{
  color: #0474e5;
  font-family: 'MADE Barista';
  font-size: 50px;
  font-weight: bold;
  line-height: 55px;
  padding: 25px 0;
}

.leto-oborudovanie img
{
  max-width:100%;
}

.leto-connection
{
  height: 500px;
  background: url(images/leto-connection.jpg) no-repeat 22% 40%;
  clear: both;
}

.leto-connection .cont
{
  background: #0474e5;
  padding: 20px;
  color: white;
  text-align: center;
  box-shadow: -2px -2px 15px rgba(0, 0, 0, 0.37);
  margin-top: 125px;
}

.leto-connection .text
{
  font-family: 'MADE Barista';
  font-size: 50px;
  font-weight: bold;
  padding: 25px;
  text-align: left;
}

.leto-connection .leto-button
{
  text-align:center;
  color: white;
  border-color: white;
  margin: 25px 0;
}

.leto-connection ul
{
  list-style: none;
  padding: 0 20px 48px;
}

.leto-connection ul li
{
  font-family: 'MADE Barista';
  font-size: 30px;
  font-weight: bold;
  text-align: left;
}

.leto-text
{
    clear: both;
}

.leto-text h1
{
  color: #0474e5;
  font-family: 'MADE Barista';
  font-size: 70px;
  font-weight: bold;
  padding: 30px 0;
}

.leto-text b
{
	font-family: 'MADE Barista';
	color: #0474e5;
	font-weight: bold;
	letter-spacing: 4px;
	font-size: 25px;
}

.leto-text h2 {
    color: #0474e5;
    font-family: 'MADE Barista';
    font-size: 40px;
    font-weight: bold;
    padding: 30px 0;
}

.leto-text div
{column-count: 2;column-gap: 60px;color: #444444;font-size: 16px;}

.leto-channel h2
{
  font-size:25px;
  color: #0474e5;
  font-family: 'MADE Barista';
  font-size: 70px;
  font-weight: bold;
  text-align: center;
  padding: 10px 0 30px;
}

.leto-channel-list
{
  text-align:center;
}

.leto-channel-list img
{
  max-width: 60%;
  max-height: 100%;
}

.leto-channel-list p
{font-size: 9px;padding: 0 14px;color: #0474e5;/* font-family: 'MADE Barista'; */}

.leto-channel-list > div
{
  position:relative;
  height: 140px;
}

.leto-channel-img
{
  height: 62px;
}

@media screen and (max-width: 767px) {
  .leto-banner
  {
  	background: url('images/leto-banner-mob.jpg') no-repeat center 20px;
  	background-size: 100% auto;
  	height: 328px;
  }
  
  .leto-sostav {
      height: 980px;
  }
  
  .leto-text h1
  {
    font-size: 50px;
  }
  
  .leto-text div
  {
    column-count: 1;
    column-gap: 60px;
  }
  
  .leto-connection .text
  {
    padding:0;
  }
}