/*font-family: "Roboto", sans-serif;
font-family: "Roboto", sans-serif;} */
body{font-family: "Roboto",
    sans-serif;;
    color: #434455;
    background-color: #fff;;
}
ul,ol{list-style-type: none;}
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;}

    .header-logo .logo-part{color: #2e2f42;}
    .footer-logo .logo-part{color: #f4f4fd;}
    .nav-link{font-weight: 500;
        font-size: 16px;
    
        /* line-height: 24px; */
        line-height: 1.5;
        letter-spacing: 0.02em;
        color: #2e2f42;}

        
.contacts{font-style: normal;}

.contacts-link{font-weight: 400;
    font-size: 16px;

    /* line-height: 24px; */
    line-height: 1.5;
    letter-spacing: 0.02em;
    color: #434455;}
        .nav-link:hover,
        .nav-link:focus,
        .contacts-link:hover,
        .contacts-link:focus {
            color: #404bbf;
        }

        .section-main{background: #2e2f42;}
        .main-header{font-weight: 700;
            font-size: 56px;
            line-height: 1.07;
            letter-spacing: 0.02em;
            text-align: center;
            color: #fff;}

        .button{
            background-color:#4d5ae5;
            font-weight: 500;
            font-size: 16px;
            line-height: 1.5;
            letter-spacing: 0.04em;
            color: #fff;}
.button:hover,
.button:focus{background-color:#404bbf;}
.button{cursor: pointer;}

.benefits-item{font-weight: 500;
    font-size: 20px;
    line-height: 1.2;
    letter-spacing: 0.02em;
    color: #2e2f42;}

.benefits-description{font-weight: 400;
        font-size: 16px;
        line-height: 1.5;
        letter-spacing: 0.02em;
        color: #434455;}

.section-team{background-color: #f4f4fd;}  
.team-list{background-color:#fff;}
 .team{font-weight: 700;
    font-size: 36px;
    line-height: 1.11;
    letter-spacing: 0.02em;
    text-align: center;
    color: #2e2f42;
    text-transform: capitalize}  
.team-list-images{background-color: #FFFFFF;}
.team-header {font-weight: 500;
    font-size: 20px;
    line-height: 1.2;
    letter-spacing: 0.02em;
    text-align: center;
    color: #2e2f42;}
.team-members{font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.02em;
    text-align: center;
    color: #434455;}
.portfolio{font-weight: 700;
    font-size: 36px;
    line-height: 1.11;
    letter-spacing: 0.02em;
    text-align: center;
    color: #2e2f42;
    text-transform: capitalize}
.portfolio-item{font-weight: 500;
    font-size: 20px;
    line-height: 1.2;
    letter-spacing: 0.02em;
    color: #2e2f42;}
.portfolio-description{font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.02em;
    color: #434455;}
.page-footer{background-color: #2e2f42;;}
.footer-description{font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.02em;
    color: #f4f4fd;}