body {
    font: 0.9rem/1.5 var(--bs-font-sans-serif);
}
/*a {
    color: var(--bs-blue);
} */


.header {
    padding: 7px;
    background: rgb(139,173,247);
    background: linear-gradient(90deg, rgba(139,173,247,1) 0%, rgba(245,170,249,1) 88%);
    color: #ffffff;
}
.envelope{
    float:left;
}
.data{
    padding: 0 30px 0 0;
    margin: 0 20px 0 0;
    border-right: 1px solid #fff;
}
.icons{
    float:right;
}
.icons a{
    color: #ffffff;
    font-size: 1rem;
}
.fa-youtube-play:hover{
    color: #fa0505 ; /* Меняем цвет текста */
}
.fa-telegram:hover{
    color: #168cc8; /* Меняем цвет текста */
}
.fa-whatsapp:hover{
    color: #5fc213; /* Меняем цвет текста */
}

.navigation{
    background-color: #ffffff;
    float: left;
    width:100%;
}
.logo{
    float: left;
    padding: 30px 0;
    margin: 0 0 0 -20px;
}
.srnnav{
    padding: 30px 0 30px 15px;
    float: right;
}
.search{
    padding: 0 15px;
    display:inline-block;
    vertical-align: middle;
}
.search a{
    color: #2d2c40;
    display:block;
    font-size: 1rem;
}
.bag{
    padding: 0 15px;
    position: relative;
    display:inline-block;
    vertical-align: middle;
}
.bag a{
    color: #2d2c40;
    display:block;
    font-size: 1rem;
}

.navbar{
    padding-top: 0;
}
.navbar-toggler{
    padding: 0;
}
.navbar-light .navbar-toggler {
    border: none;
}
.navbar-toggler-icon{
    color: #2d2c40;
    width: 1.4rem;
    height: 1.4rem;
}
.navbar-collapse{
    flex-grow: 0;
}

.navbar-toggler:focus {
    box-shadow: none;
}
.navigation .nav-link {
    text-transform: uppercase;
    font-weight: 500;
    font-size: 0.8rem;
}
.content-up .card {
    border-color: #ffffff;
}
.content-up .card-body {
    text-align: center;
}




.footer {
    background-color: #e7f1ff;
    font-size: 0.8rem;
}
.footer .copyright {
    padding: 7px 0 7px 0;
}
.footer .footer-menu .nav {
    justify-content: end;
}


/* */
@media (max-width: 576px) {
    .icons>span{
        display: none;
    }
    .footer .copyright {
        text-align: center;
    }
    .footer .footer-menu .nav {
        justify-content: center;
    }

}

/*Medium devices (tablets, 768px and up)*/
@media (max-width: 768px) {
    .footer .copyright {
        text-align: center;
    }
    .footer .footer-menu .nav {
        justify-content: center;
    }

}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {

}

/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {

}