/* hsl(5, 78%, 49%), #dd2a1b - красный */
/* hsl(0, 0%, 0%), #000000 - черный */
/* hsl(0, 0%, 83%), #d4d4d4 - серый */
/* hsl(0, 0%, 100%), #d4d4d4 - белый */

/*:root {
    --secondary-darken: hsl(5, 78%, 49%);
    --background: hsl(0, 0%, 5%);
    --text: hsl(0, 0%, 100%);*/
    
    /* свои переменные в css */
    /* например: background-color: var(--secondary2); */
    /*--secondary_red: hsl(5, 78%, 49%);
}*/
/* альтернатива root (без изменение глобальных переменных) */
/*.frame--main {
    background-color: hsl(0, 0%, 5%);
    color: hsl(0, 0%, 100%);
}*/

/* банер */

.mainscreen {
    height: 380px;
}
@media (min-width: 768px) {
.mainscreen__grid {
    min-height: calc(100vh - 388px); /* 188 */
}}

/* иконка телефона в шапке */
.phone-one__button svg {
    width: 20px; /* 12px */
    height: 20px; /* 12px */
}
/* отключим поворот иконка телефона в шапке */
/*.phone-one__button.is-triggered svg {
    -webkit-transform: rotate(0deg); /* 180deg */
   /* transform: rotate(0deg);*/ /* 180deg */
/*}*/

/* кнопка меню */
/*.menu-button:focus, .menu-button:hover {
    background-color: var(--secondary_red);
}
.menu-button.is-fixed {
    background-color: var(--secondary_red);
}*/
/* кнопка меню END */

/* popup window (меню) */
/*.side-panel {
    /*background-color: var(--background);*/
    /*background: linear-gradient(to left top, #bebcbc 00%, #131212 65%);
}*/

/* шапка, списки телефонов градиент на фон */
/*.phone-one__dropdown {
    /*background-color: var(--background); */
    /*background: linear-gradient(to top, #1514147a 0%, #131212 40%);
}*/

/* кнопка закрытия форм */
/*.cbx, .close-btn:hover {
    background-color: var(--secondary_red);
}*/
/* кнопка отправить на форме */
/* выберем через селектор иначе будет как на банере */
/*.button-one--primary[name="orion-send"] {
    background-color: hsl(5, 78%, 49%);
    /*border: 2px solid var(--text);*/
/*}*/
/* поля на форме */
/*.feedback__input {
    color: hsl(0deg 1% 40%);
}*/

/* кнопки на банере */
/*.button-one--primary, .button-one--secondary {
    background-color: hsl(5, 78%, 49%, 0.01);
    border: 2px solid var(--text);
}
.button-one--primary:hover, .button-one--secondary:hover {
    background-color: var(--secondary_red);
    border: 2px solid var(--secondary_red);
}
.button-one--secondary:focus, .button-one--secondary:hover {
    background-color: var(--primary-light);
}*/
/* кнопки на банере END */

/* у карточек уберем описание */
/*.card-one__content {
    display: none;
}*/

/* табы */
/*.tabs__item {
    background-color: hsl(8, 80%, 47%, 53%);
}*/

/* круглая кнопка звонка */
/*.fixedbtn-one {
    border: 0px;
}
.fixedbtn-one svg {
    fill: var(--text);
}*/
/* круглая кнопка звонка END */

/* .feedback popup window (звонок)*/
/*.feedback {
    background-color: hsl(0, 0%, 100%);
    color: hsl(0, 0%, 5%);
}*/

/* footer */
@media (min-width: 1200px) {
.footer-one__column {
    width: calc((100% - 6rem)/3); /* calc((100% - 6rem)/4) */
}}