:root {
	--iris: #4d5ae5;
	--ocean: #404bbf;
	--navy-blue: #2e2f42;
	--green: #31d0aa;
	--slate: #434455;
	--light-slate: #8e8f99;
	--cornflower: #e7e9fc;
	--cloud: #f4f4fd;
	--navy-blue-modal: rgba(46, 47, 66, 0.4);
	--grey: rgba(46, 47, 66, 0.7);
	--white: #fff;
	--dairy: #fcfcfc;
    --font-family: "Roboto", sans-serif;
    --second-family: "Raleway", sans-serif;
}

body {
    font-family: "Roboto", sans-serif;
    line-height: 1.5;
    font-size: 16px;
    font-style: normal;
    color: var(--slate);
    letter-spacing: 0.02em;
    background-color: var(--white);
}

.section__title {
font-weight: 700;
font-size: 36px;
line-height: 1.11;
letter-spacing: 0.02em;
text-transform: capitalize;
text-align: center;
}

/* HEADER */
.logo {
font-family: var(--second-family);
font-weight: 700;
font-size: 18px;
line-height: 1.17;
letter-spacing: 0.03em;
text-transform: uppercase;
color: var(--iris);
}

.logo-style {
color: #2e2f42;
/* color: var(--navy-blue); */
}


.menu-nav__link {
color: var(--navy-blue);
font-weight: 500;
}
.menu-nav__link:hover,
.menu-nav__link:focus {
cursor: pointer;
color: var(--ocean) ;
}

.address {
font-style: normal
}

.contact {
color: var(--slate);
}
.contact:hover,
.contact:focus {
cursor: pointer;
color: var(--ocean) ;
}

/* HERO */
.hero.section--position {
background: var(--navy-blue);
}

.hero__title {
font-weight: 700;
font-size: 56px;
line-height: 1.07;
text-align: center;
letter-spacing: 0.02em;
color: var(--white);
}

.standart-button {
font-family: var(--font-family);
font-weight: 500;
line-height: 1.5;
background: var(--iris);
color:var(--white);
letter-spacing: 0.04em;
}
.standart-button:hover, 
.standart-button:focus {
cursor: pointer;
background-color: var(--ocean);
}  

/* advantages */
.advantages__title {
font-weight: 500;
letter-spacing: 0.02em;
font-size: 20px;
line-height: 1.2;
color: var(--navy-blue);
}


/* TEAM */
.team.section--position {
background: var(--cloud);
color: var(--navy-blue);
}

.team__item {
background: var(--white);
}

.team--member {
font-weight: 500;
font-size: 20px;
line-height: 1.2;
letter-spacing: 0.02em;
}

.team--position {
color: #434455;
/* color: var(--slate); */
}

/* PORTFOLIO */
.portfolio.section--position {
color: var(--navy-blue);
}

.portfolio__item {
background-color: var(--white);
}

.portfolio--project {
font-weight: 500;
font-size: 20px;
line-height: 1.2;
letter-spacing: 0.02em;
}

.portfolio--field {
color: var(--slate);
}

/* FOOTER */
.footer {
background: var(--navy-blue);
}
.footer .logo-style {
color: #f4f4fd;
}
.footer__text {
color: var(--cloud);
}