body {
	margin: 0;
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	height: 100%;
}

*,
*:before,
*:after{
	box-sizing: border-box;
}

/*Container==================*/

.container{
	width: 100%;
	max-width: 1170px;
	margin: 0 auto;
}

/*Header==================*/

.marine{
	color: #fff;
}

.marine:first-letter{
	color: red;
}

span{
	color: red;
}

.header{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 1000;
}

.header__inner{
	display: flex;
	justify-content: space-between;
	align-items: center;
}


/*Nav==================*/

.nav{
	font-weight: 700;
}

.nav__link{
	color: #fff;
	margin-left: 30px;
	text-decoration: none;
	transition: opasity .1s linear;
}

.nav__link:hover{
	color: #ADAAB2;
}


/*Intro==================*/

/*.intro{
	position: relative;
}

.intro:after{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .3);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

.image{
	position: relative;
	padding-bottom: 56.25%;
}

.img__css{
	width: 100%;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
}

.intro__content{
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 240px;
	left: 0;
	z-index: 3;
}

.intro__container{
	max-width: 1170px;
	width: 100%;
	margin: 0 auto;
}

.intro__title{
	margin: 0;
	font-size: 35px;
	color: #fff;
}*/

.intro{
	display: flex;
	position: relative;
	height: 100%;
	width: 100%;
}

.image{
	flex: 1;
	position: relative;

}

.image::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3); /* Затемнение */
    z-index: 1;
}

.img__css{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.intro__content{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 2;
}

.intro__container{
	max-width: 1170px;
	width: 100%;
	margin: 0 auto;
}

.intro__title{
	color: #fff;
}



/*Features==================*/

.intro__features{
	max-height: 90vh;
	overflow: hidden;
	margin: 50px 0;
	position: relative;
}

.intro__features:after{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

.container__features{
	max-width: 1170px;
	width: 100%;
	margin: 0 auto;
}


.image__features{
	position: relative;
	opacity: .4;
	padding-bottom: 56.25%;
}

.img__features{
	width: 100%;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
}

/*.features__content{
	display: flex;
	flex-direction: column;
    align-items: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
}

.ship__title{
	text-align: center;
	margin-top: 80px;
	margin-bottom: 40px;
}

.features{
	display: flex;
}

.features__item{
    margin-bottom: 20px;
	width: 100%;
}

.features__icons{
	width: 70px;
	height: 70px;
}

.features__title{
	font-size: 22px;
	font-weight: 700;
}

.features__text{
	text-align: left;
}*/

.features__content{
	display: flex;
	flex-direction: column;
    align-items: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
}

.ship__title{
	text-align: center;
	margin-top: 80px;
	margin-bottom: 40px;
}

.features{
	display: flex;
	justify-content: center;
	gap: 40px;	
}

.features__item{
	display: flex;
	flex-direction: column;
    align-items: flex-start;
    text-align: left;
    margin-bottom: 20px;
    width: 100%;
}

.features__title{
	font-size: 22px;
	font-weight: 700;
}

/*About==================*/


.about__intro{
	overflow: hidden;
	position: relative;
}

.about__intro:after{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, .4);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

.about__image{
	position: relative;
	padding-bottom: 56.25%;
}

.img__about{
	width: 100%;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
}

.about__content{
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
}

.about__container{
	max-width: 1170px;
	width: 100%;
	margin: 0 auto;
}

.about__title{
	margin: 0;
	font-size: 35px;
	color: #fff;
	text-align: center;
}

.about__subtitle{
	color: #fff;
	font-size: 17px;
}


/*About==================*/

.footer{
	color: #fff;
	background-color: #0B3749;
}

.inner__footer{
	padding: 70px 0;
	text-align: center;
}

.footer__link{
	text-decoration: none;
	color: #fff;
	font-size: 20px;
}

/* Медиа-запросы для адаптации под мобильные устройства */

@media (max-width: 750px){

.container{
	max-width: 300px;
}

.header__inner h1{
	font-size: 8px;
}

.nav__link{
	font-size: 5px;
	margin-left: 10px;
}

.intro__features{
	margin: 50px 0;
}

.intro__container{
	max-width: 300px;
}

.intro__title{
	font-size: 8px;
}

.ship__title{
	margin-top: 30px;
	margin-bottom: 10px;
	font-size: 8px;
}

.features__content{
	left: 10px;
}

.features__icons{
	width: 20px;
	height: 20px;
}

.features__title{
	font-size: 6px;
}

.features__text{
	font-size: 5px;
}

.about__content{
	left: 5px;
}

.about__title{
	font-size: 8px;
}

.about__subtitle{
	font-size: 5px;
}

.inner__footer{
	padding: 40px 0;
}

.inner__footer h1{
	font-size: 7px;
}

.footer__link{
	font-size: 5px;
}

}