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

ul,ol{
    list-style-type: none;
}
a{
    text-decoration: none;
}
button{
    cursor: pointer;
}

                 /* #region HEADER */
.page-header{
    background-color: #fff;
}
.logo {
    color:#4d5ae5;
    font-family: "Raleway",sans-serif;
    font-weight: 700;
        font-size: 18px;
        line-height: 117%;
        letter-spacing: 0.03em;
        text-transform: uppercase;
}
.header-logo .logo-part{
    color: #2e2f42;
}

.nav-link{
        font-weight: 500;
        font-size: 16px;
        line-height: 150%;
        letter-spacing: 0.02em;
        color: #2e2f42;
}
.contacts{
    font-style: normal;
}
.contacts-link{
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        letter-spacing: 0.02em;
        color: #434455;
}
.nav-link:hover,
.nav-link:focus,
.contacts-link:hover,
.contacts-link:focus{
    color: #404bbf;
}

            /* #endregion HEADER */

                 /* #region HERO */

.hero{
    background-color: #2e2f42;
}
.hero-title{
        font-weight: 700;
        font-size: 56px;
        line-height: 107%;
        letter-spacing: 0.02em;
        text-align: center;
        color: #fff;
}
.hero-btn{
        background-color: #4d5ae5;
        font-weight: 500;
        font-size: 16px;
        line-height: 150%;
        letter-spacing: 0.04em;
        color: #fff;
}
.hero-btn:hover,
.hero-btn:focus{
    background-color:#404bbf;
}
                /* #endregion HERO */

                 /* #region FEATURES */

.feat-title{
        font-weight: 500;
        font-size: 20px;
        line-height: 120%;
        letter-spacing: 0.02em;
        color: #2e2f42;
}
.feat-title-txt{
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        letter-spacing: 0.02em;
}
               /* #endregion FEATURES */

                 /* #region OUR TEAM */

.team{
    background-color:#f4f4fd;
}
.team-title{
        font-weight: 700;
        font-size: 36px;
        line-height: 111%;
        letter-spacing: 0.02em;
        text-align: center;
        color: #2e2f42;
        text-transform:capitalize;
}
.team-list {}

.team-item {}

.name-title {
        font-weight: 500;
        font-size: 20px;
        line-height: 120%;
        letter-spacing: 0.02em;
        text-align: center;
        color: #2e2f42;
}

.prof-info {
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        letter-spacing: 0.02em;
        text-align: center;
        color: #434455;
}

           /* #endregion OUR TEAM */ 

                 /* #region OUR PORTFOLIO */

.portfolio {
    background-color:#FFFFFF;
}

.port-title {
        font-weight: 700;
        font-size: 36px;
        line-height: 111%;
        letter-spacing: 0.02em;
        text-align: center;
        color: #2e2f42;
        text-transform:capitalize;
}

.port-list {}

.port-item {}

.offers-title {
        font-weight: 500;
        font-size: 20px;
        line-height: 120%;
        letter-spacing: 0.02em;
        color: #2e2f42;
}
.offers-info {
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        letter-spacing: 0.02em;
}

                 /* #endregion OUR PORTFOLIO */

                 /* #region FOOTER */
.page-footer{
   background-color:#2e2f42;
}

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

.footer-info {
        font-weight: 400;
        font-size: 16px;
        line-height: 150%;
        letter-spacing: 0.02em;
        color: #f4f4fd;
}
                 /* #endregion FOOTER */