html {
	font-style: 15px;
}

body {
	margin: 0px;
	
	font-family: 'Montserrat', sans-serif;
	font-size: 1rem;
	line-height: 1.6;
}

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

h1,h2,h3,h4,h5,h6 {
	margin: 0px;
}

p {
	margin: 0 0 10px;
}

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


/*Page*/

.page {
	width: 100%;
	height: 100vh;
	
	background: url("img/5.jpg") center no-repeat;
	background-size:cover;
}

/*Header*/

.header {
	background: #2b7ded;
	 padding: 1rem 0px;
	margin-bottom: 110px;
	
}

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

.header__brand {
	 font-size: 1.6rem;
	 color: #000;
	 text-transform: uppercase;
	 font-weight: 700;
}

.header__nav {
	 display: flex;
}


.header__nav__link {
	 margin-left: 1.5rem;
	 
	 color: #fff;
	 font-size: 1rem;
	 font-weight: 500;
	 text-decoration: none;
	
	 transition: color linear 0.2s;
}

.header__nav__link:hover {
	color: #57bfde;
	 
}

.header__nav__link.active {
	 
	 position:relative;
	 
}

.header__nav__link.active:after {
	 content:"";
	 width: 100%;
	 height: 2px;
	 
	 background-color: #ded4d4;
	 
	 position: absolute;
	 left: 0px;
	 bottom: 0px;
	 
}

.header__logo {
	 display: block;
}


/*Content*/

.content {
	width: 565px;
}

.subtitle {
	font-size: 1.4rem;
	color: rgba(255, 255, 255, 0.6);
	font-weight: 300;
}

.title {
	margin-bottom: 35px;
	
	font-size: 2rem;
	font-weight:500;
	color: #fff;
	line-height: 1.2;
}

.title span {
	color: #3745ef;
}


.text {
	width: 565px;
	margin-bottom: 50px;
	text-align: justify;
	font-size: 1rem;
	color: #fff;
}

/*Btn*/

.btn {
	display: inline-block;
	padding: 11px 35px;
	
	font-size: 1rem;
	color: #fff;
	font-weight: 500;
	text-decoration: none;
	
	background-color: #2b7ded;
	border-radius: 5px;
	transition: background 0.2s linear;
}

.btn:hover {
	background-color: #1b447c
}