@font-face {
    font-family: 'Circe';
    src: url('fonts/Circe-Bold.eot');
    src: local('☺'), url('fonts/Circe-Bold.woff') format('woff'), url('fonts/Circe-Bold.ttf') format('truetype'), url('fonts/Circe-Bold.svg') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Circe';
    src: url('fonts/Circe.eot');
    src: local('☺'), url('fonts/Circe.woff') format('woff'), url('fonts/Circe.ttf') format('truetype'), url('fonts/Circe.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@media screen and (min-device-height: 0px) and (max-device-height: 550px) {
    .header {
        background: url("img/bg1.png") no-repeat;
        background-size: cover;
        padding-bottom: 75%;
    }
}

::selection{
    background-color: #198754cc;
    color: white;
}

.header {
    background: url("img/bg1.png") no-repeat;
    background-size: cover;
}

.main-background {
    background: linear-gradient(180deg, rgba(20, 31, 47, 1) 0%, rgb(67, 122, 144) 40%, rgba(20, 31, 47, 1) 100%);
}

.footer-background {
    min-height: 70vh;
    background: url("img/bg2.png") no-repeat;
    background-size: cover;
}

.btn-hover {
    color: white;
    border: 1px solid transparent;
}

.btn-hover:hover {
    border-color: white;
}

.button:hover {
    color: white;
    box-shadow: inset 0 9999px 9999px rgba(0, 0, 0, 0.1);
}

.btn-outline-success {
    color: #a2ee93;
    border-color: #9bee8e;
}

.btn-line-bold {
    border-width: 3px;
}

.font-circe {
    font-family: "Circe";
}

.gradient-line {
    background: linear-gradient(90deg, rgb(86, 237, 45) 0%, rgb(68, 67, 229) 100%);
    height: 6px;
}

.footer-background-color {
    background-color: rgba(20, 31, 47, 1);
}

.text-light-gray {
    color: rgb(173, 202, 195);
}

.contact-form {
    padding: 6px;
    resize: none;
    border: none;
    background-color: rgb(244, 247, 251);
}

.contact-form:focus {
    border-color: #08f;
    box-shadow: inset 0px 0px 3px 0 rgba(0, 128, 255, 0.4);
    outline: none;
    color: #004b7e;
}

.contact-form::selection {
    background-color: #08f;
    color: white;
}

.percent {
    background-color: white;
    color: rgb(252, 108, 92);
    border-radius: 25px;
}

.form-line {
    background-image: url("img/ribbon.png");
    height: 6px;
}

.news {
    display: flex;
}

.news:before {
    content: '';
    flex: 1;
    border-bottom: 1.5px dashed rgb(173, 202, 195);
    margin: auto 0.25em;
}

.menu {
    color: white;
    border-color: white;
}

body {
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

sup {
    background-color: salmon;
    border-radius: 5px;
    padding: 2px;
    font-size: 14px;
    font-weight: bold;
    color: white;
    font-family: "Circe";
}

img.columns-img {
    width: 250px;
    height: 250px;
}

table,
td {
    table-layout: fixed;
    text-align: center;
    font-size: 8px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

td:nth-child(1) {
    color: cornflowerblue;
}

td:nth-child(2) {
    color: darkgray;
}

td:nth-child(3) {
    color: darkseagreen;

}