/* ==========================================================
   GLOBAL COMPONENTS
   ========================================================== */

/* Контейнер */

.container{
    width:100%;
    max-width:var(--container-width);
    margin:0 auto;
    padding:0 var(--container-padding);
}

/* Отступы секций */

.section{
    padding:120px 0;
}

/* Маленький заголовок */

.section-subtitle{

    font-size:14px;
    text-transform:uppercase;
    letter-spacing:3px;

    color:var(--color-brass);

    margin-bottom:20px;
}

/* Большой заголовок */

.section-title{

    font-family:var(--font-title);

    font-size:56px;

    font-weight:600;

    line-height:1.1;

    margin-bottom:30px;
}

/* Описание */

.section-text{

    max-width:700px;

    font-size:18px;

    line-height:1.8;

    color:var(--color-text-light);
}

/* ==========================================================
   BUTTONS
   ========================================================== */

.btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:18px 42px;

    border-radius:50px;

    transition:var(--transition);

    font-weight:600;

    cursor:pointer;
}

.btn-primary{

    background:var(--color-primary);

    color:white;
}

.btn-primary:hover{

    background:var(--color-brass);

    transform:translateY(-3px);
}

.btn-secondary{

    border:1px solid var(--color-border);

    color:var(--color-text);
}

.btn-secondary:hover{

    background:var(--color-primary);

    color:white;
}