body {
	font-family: 'Roboto', sans-serif;
	color: #434455;
	background-color: #ffffff;
}

ul {
	list-style-type: none;
	margin: 0;
}

a {
	text-decoration: none;
}

.logo {
	font-family: 'Raleway', sans-serif;
	font-weight: 700;
	font-size: 18px;
	line-height: 1.17;
	letter-spacing: 0.03em;
	text-transform: uppercase;
	color: #4d5ae5;
}

.logo-studio-header {
	color: #2e2f42;
}

.nav-link {
	font-weight: 500;
	font-size: 16px;
	line-height: 1.5;
	letter-spacing: 0.02em;
	color: #2e2f42;
}

.nav-link:hover,
.nav-link:focus {
	color: #404bbf;
}

.contacts {
	font-style: normal;
}

.contact-link {
	font-size: 16px;
	line-height: 1.5;
	letter-spacing: 0.02em;
	color: #434455;
}

.contact-link:hover,
.contact-link:focus {
	color: #404bbf;
}

.hero {
	background-color: #2e2f42;
}

.hero-title {
	font-size: 56px;
	line-height: 1.07;
	letter-spacing: 0.02em;
	color: #ffffff;
	text-align: center;
}

.order-btn {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 16px;
	line-height: 1.5;
	letter-spacing: 0.04em;
	color: #ffffff;
	background-color: #4d5ae5;
	cursor: pointer;
}

.order-btn:hover,
.order-btn:focus {
	background-color: #404bbf;
}

.team-title,
.portfolio-title {
	font-size: 36px;
	line-height: 1.11;
	text-align: center;
	letter-spacing: 0.02em;
	text-transform: capitalize;
	color: #2e2f42;
}

.team-subtitle,
.features-subtitle,
.portfolio-subtitle {
	font-weight: 500;
	font-size: 20px;
	line-height: 1.2;
	letter-spacing: 0.02em;
	color: #2e2f42;
}

.team-text,
.features-text,
.portfolio-text {
	font-size: 16px;
	line-height: 1.5;
	letter-spacing: 0.02em;
}

.team {
	background-color: #f4f4fd;
}

.team-item {
	background-color: #ffffff;
}

.footer {
	background-color: #2e2f42;
}

.logo-studio-footer {
	color: #f4f4fd;
}

.footer-text {
	line-height: 1.5;
	color: #f4f4fd;
	letter-spacing: 0.02em;
}

.visually-hidden {
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	overflow: hidden;
	white-space: nowrap;
}