footer{
    background-color: #28282a;
    color:white;
}

footer .row {
    justify-content: center;
    text-align: center;
}

footer .col-3 {
    margin: 20px;
}

.footer-links a{
    margin:10px 15px;
    transition:.5s;
}

.footer-links a:hover{
    color:#56c4c2;
}

.unio-competition {
    position: fixed;
    bottom: 0px;
    right: 0px;
    max-width: 300px;
    width: 30%;
    transition: .3s;
    z-index: 10;
}

.unio-competition:hover {
    width: 33%;
    max-width: 420px;
}

.unio-competition.img-fluid {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

.rx-logo{
    width:60px;
}

footer .link{
    color:white;
}

/* <<==--   RESPONSIVE   --==>> */
/* Fekvő nézet */
@media (orientation: landscape) {
    
}

/* Álló nézet */
@media (orientation: portrait) {
    #site-bg-landscape {display: none;}
    #site-bg-portrait {display: block;}
}


/* 1680 px, Tablet fekvő (1670 - 1919px)*/
@media only screen
and (max-width: 1670px) {
    
}

/* 1440 px, Tablet fekvő (1430 - 1669px)*/
@media only screen
and (max-width: 1430px) {
    
}

/* 1366 px, Tablet fekvő (1356 - 1429px)*/
@media only screen
and (max-width: 1356px) {
    
}

/* 1280 px, Tablet fekvő (1270 - 1355px)*/
@media only screen
and (max-width: 1270px) {
    
}

/* 1024 px, Tablet fekvő (1014 - 1269px)*/
@media only screen
and (max-width: 1279px) {
    
}

/* 768 px, Tablet álló (768 - 1013px) */
@media only screen
and (max-width: 1013px) {
    
}

/* 576 px, Telefon fekvő (576 - 767px) */
@media only screen
and (max-width: 767px) {
    
}


/* 300 px, Telefon álló (300 - 575px) */
@media only screen
and (max-width: 575px) {
    footer .col-3 {
        max-width: 100%;
        display: block;
        flex: inherit;
    }
}