section {
    padding: 100px 0;
}

.my-imageBg {
    background: url(../pictures/header2.png);
    background-repeat: no-repeat;
    background-position-x: 0px;
    background-position-y: center;
    background-size: 80% /*60vw*/ /*360px*/;
    background-color: #431066;
    /*height: 400px;*/
}

.my-font-header-1{ }
.my-font-header-2{ }
.my-font-header-3{ }
.my-font-worktime {
    display: flex;
    font-size: 4vw;
}
.my-space{ }


header {
    background: #431066;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 40px;
    padding-top: 20px;
}

footer {
    /*padding: 20px 0;*/
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-top: 20px;
    background-color: #431066;
}

.my-border {
    padding: 50px;
    border: 3px solid #F22942;
}

.my-border-map {
    border: 3px solid #F22942;
}

.my-color-1 { color: #F22942; }
.my-color-2 { color: #431066; }
.my-color-3 { color: #FE7210; }

.my-bgcolor-1 { background-color: #F22942; }
.my-bgcolor-2 { background-color: #431066; }
.my-bgcolor-3 { background-color: #FE7210; }

.my-accord {
    border: none;
    margin: 1rem auto;
}

.accorradius {
    border-radius: 0.3rem;
}

.accordion_target {
    display: none;
}

.accordion_trigger {
    display: block;
}

.my-vertical-line { border-left: 3px solid white; }
.my-vertical-line2 { border-left: 3px solid #431066; }









/* sm (<=526) */
@media (max-width: 500px)  {
    .my-imageBg{ height: 150px;}
    .my-font-header-1 { font-size: 14px; }
    .my-font-header-2 { font-size: 10px; }
    .my-font-header-3 { font-size: 35px; }
    .my-space{ margin: 18px; }
}

/* sm (>=526 и <=767 ) */
@media (min-width: 501px)  and (max-width: 767px) {
    .my-imageBg{ height: 200px;}
    .my-font-header-1 { font-size: 14px; }
    .my-font-header-2 { font-size: 12px; }
    .my-font-header-3 { font-size: 35px; }
    .my-space{ margin: 20px; }
}

/* md (>=768 и <=991) */
@media (min-width: 768px) and (max-width: 991px) {
    .my-imageBg{ height: 270px;}
    .my-font-header-1 { font-size: 20px; }
    .my-font-header-2 { font-size: 14px; }
    .my-font-header-3 { font-size: 45px; }
    
    .my-space{ margin: 30px; }
}

/* lg (>=992) */
@media (min-width: 992px) {
    .my-imageBg{ height: 430px;}
    .my-font-header-1 { font-size: 25px; }
    .my-font-header-3 { font-size: 50px; }
    
    .my-space{ margin: 70px; }
}