body{
	/*font-family: 'Montserrat', sans-serif;*/

	}



/*.container {
	height: 530.79px;
	/*позиционирование по центру */
	/*margin: 0 auto; */
}  


ul, li{
display: block;
margin: 0;
padding: 0;
}


hr{
    display: block;
    border-style: inset;
    border-color: #9D8584;
    border-width: 2px;
    margin: 2rem auto 2.5rem auto; 
 	width:100%;
}

h1{
font-family: Montserrat, sans-serif;
font-style: normal;
font-weight: 900; /*900*/
font-size: 25px;  /*28px*/
line-height: 28px; /*34px*/
letter-spacing: 0.1em;
text-transform: uppercase;
transform: scale(1, 1.4);
margin: 0rem auto 1.1rem auto; 
width:100%;
}

.logo{
	/*margin-left: 175px;*/

	margin-top:0px;
	margin-left:0px;
	width:160px;
	height: auto;
}

.header {
	position: relative;
	/*Два изображения нужны, чтобы изображение с контроллерами сдвинуть вправо
	на 200px, вместо left нужно подставить 200px например, пока не получается
	полностью использовать на маленьких разрешениях*/
	background: /*url('../img/Rectangle 1.jpg') no-repeat left top / contain, */
				url('../img/Unsplash/Machine_1.jpg') no-repeat left top / cover;
	color: #FFFFFF;
	/*height: 600px;*/
}

.header a {

}


.header a:hover {
  background-color: #ddd;
  color: black;
}

.header a:active  {
  background-color: dodgerblue;
  color: #ADDEE1;
}

.menu{
	
	margin-left: 23px;
	margin-bottom: 0;
	padding: 0px;
	list-style-type: none;

}

.menu li a{
	font-family: Montserrat, sans-serif;
    font-style: normal;
	font-weight: 700;
	white-space: nowrap; /*нормализовало пункт меню О НАС*/
	text-decoration: none;
	font-size: 18px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	color: #FFFFFF;
}

.menu li{
	margin-right: 45px;
	margin-top:0px;
   }
	

.nav{
	display:flex;
	align-items: center;
}

.offer {
    margin-top:90px;
    margin-left:0px;
    margin-bottom: 125px;
    width: 540px;
}

.offer__title{
/*margin-bottom: 270px;*/
}

.offer__text{
font-family: Montserrat, sans-serif;
font-style: bold;
font-weight: 700; /*700*/
font-size: 23px; /*22px*/
line-height: 27px; /*26px*/
letter-spacing: 0.1em;
color: #FFFFFF;
width: 570px;
margin-top: 19px;
}

.btn{
font-family: 'Montserrat', sans-serif;;
font-style: normal;
font-weight: 700; /*700*/
font-size: 21px;  /*23px*/
line-height: auto;  /*26px*/
letter-spacing: 0.1em;
text-transform: uppercase;
color: #FFFFFF;
	display: block;
	text-align: center;
	padding: 7px 5px;
	border: 1px solid #fff;
	/*white-space: nowrap;*/
	width: 240px;
	transition: all 0.5s ease;
}

.btn:hover {
	background: #1C6394;
    color: #FFFFFF;
}



.num{
margin-top:55px;
}

.num__1__dowork{
font-family: Montserrat, sans-serif;
font-style: bold;
font-weight: 900; /*400*/
font-size: auto; /*30px*/
line-height: auto;  /*37px*/
letter-spacing: 0.1em;
margin-bottom: 20px;
}

.num__1__dowork__text{
font-family: 'Montserrat', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 30px;
line-height: 37px;
letter-spacing: 0.1em;
margin: 1rem auto 2rem auto; 
}

.num__1__example{
font-family: Montserrat, sans-serif;
font-style: bold;
font-weight: 900; /*400*/
font-size: auto; /*30px*/
line-height: auto;  /*37px*/
letter-spacing: 0.1em;
}

.num__1__example__text {
font-family: 'Montserrat', sans-serif;
font-style: normal;
font-weight: 500;
font-size: 30px;
line-height: 37px;
letter-spacing: 0.1em;
padding-top: 0rem;
margin: 0.9rem auto 0.9rem auto; 
width:100%;
}

.card{
		margin: 0.1rem auto 1.5rem auto; 
	}

	.card-body{
		padding: 0.5rem;
	}
	
.card-text{
font-family: 'Montserrat', sans-serif;
font-style: bold;
font-weight: 500;
font-size: 24px;
line-height: 26px;
letter-spacing: 0.1em;
}

/* увеличение фоток при наведении курсора*/
.scale {
    display: inline-block; /* Строчно-блочный элемент */
    overflow: hidden; /* Скрываем всё за контуром */
  }

.scale img {
    transition: 0.8s; /* Время эффекта */
    display: block; /* Убираем небольшой отступ снизу */
  }

 .scale img:hover {
    transform: scale(1.3); /* Увеличиваем масштаб */
  }

/*.scale:hover .card-text{
	display: none; /* пытался спрятать текст в этой карточке
} */


.footer {
    background: url('../img/footer/Footer.svg') no-repeat center top / cover;
    height: 103px;
    
    /*border: 1px solid;*/
    margin-top: 15px;
}


.copyright{
font-family: 'Montserrat', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 23px;
letter-spacing: 0.1em;
color: #FFFFFF;

line-height:103px;/* устанавливаем высоту строки в соответствии с высотой блока */
margin:0;/* убираем внешние отступы, если они есть */
text-align:center;/* выравниваем текст по центре по горизонтали */
padding: 0;/* убираем внутренние отступы, если они есть */
}

.btntotop{
border-radius: 20px;
background: url('../img/btns/btn_to_top.svg');
}

.btntotop__text{
font-family: 'Montserrat', sans-serif;
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 23px;
letter-spacing: 0.1em;
color: #FFFFFF;
text-decoration: none;
}

#topNubex {
	position: fixed;
	right: 50px;
	bottom: 50px;
   }

/*Подключение шрифта*/
@font-face {
	font-family: 'Montserrat'; 
	src: local (Montserrat), url(/fonts/static/Montserrat-SemiBold.ttf);

}

/* Медиа-запросы */

@media screen and (max-width: 992px) {
    
	.menu {
        margin-left: auto;
    }

	.num{
	margin-top:4%;
	}

    .num__1__pic  {
    	display: block;
        margin: 0 auto 4% auto;
		width: 60px;
    }

   .num__2__pic {
	display: block;
    margin: 0 auto 4% auto;
    width: 60px;
   }

	.num__3__pic{
	display: block;
    margin: 0 auto 4% auto;
    width: 60px;
	}
}
   
   @media screen and (max-width: 810px) {

   h1{
	font-family: Montserrat, sans-serif;
	font-style: normal;
	font-weight: 900; /*900*/
	font-size: auto;  /*28px*/
	line-height: auto; /*34px*/
	letter-spacing: 0.1em;
	text-transform: uppercase;
	transform: none;
	}

    .logo {
        display: block;
        margin: 0 auto;
        margin-bottom: 4%;
    }

    .menu {
        flex-direction: column;
        margin-left: 0px;
    }
   /* .menu__item {
        text-align: center;
        margin-bottom:10px;
        margin-right: 0;
    }*/

    .menu li{
	margin-top:4px;
	text-align: center;
    margin-bottom:1%;
    margin-right: 0;
   }

   .offer{
 	margin: 1.5rem auto 2rem auto; 
    text-align: center;
   	width:100%;  
   }

   .offer__title{
   	margin: 1.7rem auto 1.7rem auto; 
 	width:100%;
   }

	.offer__text{
	margin: 1.7rem auto 1.7rem auto; 
	width:100%;
	}

	.btn{
	margin: 1.7rem auto 1.7rem auto; 
 	width:100%;
	}


}

@media screen and (max-width: 460px) {
	
	.logo {
        margin-bottom: 0px;
    }

	.menu{
	margin-left: 0px;
	line-height: 1.2rem;
	}

	.num__1__pic  {
    	display: block;
    	margin: 0 auto 3% auto;
    	width: 40px;
    }

	.num__2__pic {
		display: block;
    	margin: 0 auto 3% auto;
    	width: 40px;
   }

	.num__3__pic {
		display: block;
    	margin: 0 auto 3% auto;
    	width: 40px;
	}

	h1{
		font-family: Montserrat, sans-serif;
		font-style: normal;
		font-weight: auto; /*900*/
		font-size: 7vw;  /*28px*/
		line-height: auto; /*34px*/
		letter-spacing: 0em;
		text-transform: none;
		transform: none;
		margin: 0.5rem auto 0.6rem auto; 
 		width:100%;
	}

	hr{
    	display: block;
    	border-style: inset;
    	border-color: #9D8584;
    	border-width: 2px;
    	margin: 0.6rem auto 1rem auto; 
 		width:100%;
	}


	.offer__text{
 		font-size: 6vw; 
   		}

   	.btn{
		font-size: 5vw; 
		}


	.num__1__dowork{
		font-family: Montserrat, sans-serif;
		font-style: bold;
		font-weight: auto; /*400*/
		font-size: 7vw; /*30px*/
		line-height: auto;  /*37px*/
		letter-spacing: 0em;
		margin-bottom: 0.7rem;
	}

    .num__1__dowork__text{
		font-family: 'Montserrat', sans-serif;
		font-style: bold;
		font-weight: auto;
		font-size: 6vw;
		line-height: auto;
		letter-spacing: 0em;
		margin: 0rem auto 0.7rem auto; 
 		width:100%;
    }
	
		
	/*ul, li{
		display: block;
		padding: 0;
		font-size: 8vw;
		line-height: auto;
		letter-spacing: 0em;
		margin: 0px auto 0px auto; 
 		width:100%;
	}*/


	.card{
		margin: 0.5rem auto 0.5rem auto; 
	}

	.card-body{
		padding: 0.2rem;
	}

	.card-text{
		font-family: 'Montserrat', sans-serif;
		font-style: bold;
		font-weight: auto;
		font-size: 5vw;
		line-height: auto;
		letter-spacing: 0em;

		/*margin: 0.1rem auto 0.1rem auto; */
 		/*width:100%;*/
	}

		ol, li{
		display: block;
		margin: 0;
		padding: 0;
		font-size: 6vw;
		line-height: auto;
		letter-spacing: 0em;
		margin: 0rem auto 0.5rem auto; 
 		width:100%;
	}

	.footer{
		font-size: 8vw;
		line-height: auto;
		letter-spacing: 0em;
		margin: 1.5rem auto 1.5rem auto; 
 		width:100%;
	}

	.copyright{
		font-size: 6vw;
		line-height: auto;
		letter-spacing: 0em;
		margin: auto; 
 		width:100%;
	}

	#topNubex {
	position: fixed;
	right: 23px;
	bottom: 23px;
	}

	.btntotop{
	border-radius: 17px;
	
	}

	.img__btntop{
	width: 9vw;
	height: 9vw;
	}

	
}