@media (min-width: 1200px) {
    #main-navbar .navbar-nav li:nth-child(3) .logo,
    #main-navbar .navbar-nav li:nth-child(3) .logo:hover {
        background-image: url("../../../../../Assets/media/gyvcs/gyori-vizi-csillag-logo-2023.png") !important;
    }
}
@media (min-width: 768px) and (max-width: 1199px) {
    #main-navbar .navbar-nav li:nth-child(2) .logo,
    #main-navbar .navbar-nav li:nth-child(2) .logo:hover {
        background-image: url("../../../../../Assets/media/gyvcs/gyori-vizi-csillag-logo-2023.png") !important;
    }
}
#kezdolap .background-container {
    background-size: cover;
    height: 0;
    padding: 22.5% 0;
    position: relative;
}
#kezdolap section {
    clear: both;
}
section.tamogatok .section {
    display: initial !important;
}
#kezdolap section:nth-child(odd) .background-container {
    grid-column-start: 1;
    grid-column-end: 1;
}
#kezdolap section:nth-child(odd) .button-container {
    grid-column-start: 2;
    grid-column-end: 2;
}
#kezdolap a.section-button span{
    background-color: #00009d;
    color: #fff;
    padding: 20px 30px;
    font-size: 20px;
    line-height: 21px;
    text-transform: uppercase;
    display: block;
    font-weight: bold;
}
#kezdolap a.section-button {
    position: relative;
}
#kezdolap  a.section-button:focus,
#kezdolap  a.section-button:hover {
    text-decoration: none;
}
#kezdolap  a.section-button:focus span,
#kezdolap  a.section-button:hover span{
    background-color: #0000ff;
    text-decoration: none;
}
#kezdolap a.section-button span {
    border: 1px solid #fff;
}
#kezdolap a.section-button > svg {
    width: 100%;
    height: 20px;
    fill: #fff;
    display: block;
}
#kezdolap a.section-button > svg + span {
    border-top: none;
    padding-top: 8px;
    position: relative;
}
#kezdolap a.section-button svg + span:before {
    left: -1px;
    bottom: 100%;
    content: "";
    width: 1px;
    height: 15px;
    background-color: #fff;
    position: absolute;
}
#kezdolap a.section-button svg + span:after {
    right: -1px;
    bottom: 100%;
    content: "";
    width: 1px;
    height: 11px;
    background-color: #fff;
    position: absolute;
}
#kezdolap a.section-button > svg path:first-child {
    fill: #00009d;
}
#kezdolap  a.section-button:focus svg path:first-child,
#kezdolap  a.section-button:hover svg path:first-child {
    fill: #0000ff;
}

.az-elozo-evek .background-container {
    background-image: url("../../../../../Assets/media/gyvcs/elozo_evek/2021/az-elozo-evek-2021-5.jpg");
}
.gyori-vizicsillag .background-container {
    background-image: url("../../../../../Assets/media/gyvcs/kezdooldal/gyori-vizi-csillag-12vcs.jpg");
}
.vizitura-utvonal .background-container {
    background-image: url("../../../../../Assets/media/gyvcs/kezdooldal/gyori-vizi-csillag-2vtura-utv.jpg");
}
.benevezes .background-container {
    background-image: url("../../../../../Assets/media/gyvcs/kezdooldal/gyori-vizi-csillag-3benev.jpg");
}
.hajoberles .background-container {
    background-image: url("../../../../../Assets/media/gyvcs/kezdooldal/gyori-vizi-csillag-4hajoberl.jpg");
}
.rakpart .background-container {
    background-image: url("../../../../../Assets/media/gyvcs/kezdooldal/gyori-vizi-csillag-5rak.jpg");
}
.nezoter .background-container {
    background-image: url("../../../../../Assets/media/gyvcs/kezdooldal/gyori-vizi-csillag-6nezoter.jpg");
}
.elotte .background-container {
    background-image: url("../../../../../Assets/media/gyvcs/kezdooldal/gyori-vizi-csillag-6elotte.jpg?1");
}
.kozlemeny .background-container {
    background-image: url("../../../../../Assets/media/gyvcs/kezdooldal/gyori-vizi-csillag-7kozlemeny.jpg");
}
.kapcsolat .background-container {
    background-image: url("../../../../../Assets/media/gyvcs/kezdooldal/gyori-vizi-csillag-8kapcso.jpg");
}
.tamogatok .background-container {
    background-image: url("../../../../../Assets/media/gyvcs/kezdooldal/gyori-vizi-csillag-9tamog.jpg");
    padding: 28.1% 0 !important;
}

#kezdolap section.map-section {
    padding: 16.65% 0;
    background-image: url(../../../../../Assets/media/gyvcs/kezdooldal/gyori-vizi-csillag-palya.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
#kezdolap section.map-section {
    position: relative;
}
#kezdolap section.map-section:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background-color: rgba(63, 164, 255, .5);
}
#kezdolap section.map-section .section {
    padding: 0;
    width: 100%;
}

#kezdolap section .button-container {
    align-self: end;
}
#kezdolap section.has-logo .button-container {
    position: relative;
}
#kezdolap section.has-logo .button-container:before {
    content: "";
    position: absolute;
    bottom: 52px;
    width: 134px;
    height: 134px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 4px solid #fff;
    box-sizing: border-box;
}
#kezdolap section.has-logo .button-container:after {
    content: "";
    position: absolute;
    bottom: 54px;
    width: 130px;
    height: 130px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-image: url("../../../../../Assets/media/gyvcs/gyori-vizi-csillag-logo-2023.png");
    background-size: 112%;
    background-repeat: no-repeat;
    background-position: center;
    border: 3px solid #0000ff;
    box-sizing: border-box;
}
#kezdolap section:nth-child(odd) .button-container:before {
    left: 0;
}
#kezdolap section:nth-child(odd) .button-container:after {
    left: 2px;
}
#kezdolap section:nth-child(even) .button-container:before {
    right: 0;
}
#kezdolap section:nth-child(even) .button-container:after {
    right: 2px;
}
#kezdolap .section {
    padding: 50px 0;
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: 1fr 1fr;
}
#kezdolap .has-logo .section {
    padding-top: 70px;
}
#kezdolap section:nth-child(odd) .section{
    grid-template-columns: 1fr 1fr;
}

@media (min-width: 1200px) {
    #kezdolap :not(.map-section) .section {
        padding: 50px 0 !important;
    }
    #kezdolap .section {
        grid-template-columns: 270px 1fr;
    }
    #kezdolap section:nth-child(odd) .section{
        grid-template-columns: 1fr 270px;
    }
}

.tamogatok-container {
    width: 100%;
    position: absolute;
    bottom: 0;
    overflow: hidden;
}
.tamogatok-container-top {
    height: 40px;
    display: grid;
    grid-template-columns: repeat(8,1fr);
}
.tamogatok-container-top svg {
    height: 40px;
    fill: #fff;
    width: 101%;
    z-index: 50;
}
.tamogatok-list {
    background-color: #fff;
    display: grid;
    grid-template-columns: 1fr auto repeat(7, 1fr);
}
.tamogatok-list .tamogato-item {
    width: 100%;
    padding: 0 0 100%;
    height: 0;
    background-size: 90%;
    background-repeat: no-repeat;
    font-family: 'Bahnschrift';
    text-align: center;
    white-space: nowrap;
    background-position: center;
}
.tamogatok-list .tamogato-item-container.vv .tamogato-item {
    background-image: url(../../../../../Assets/media/gyvcs/gyori-vizi-csillag-logo-2023.png);
    background-position: top center;
    color: #0039fe;
    font-size: 12px;
    position: relative;
}
.tamogatok-list .tamogato-item-container.vv .tamogato-item span {
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
    margin-bottom: 5px;
}
.tamogatok-list .tamogato-item-container.tam {
    color: #4db65a;
    font-size: 11px;
    position: relative;
}
.tamogatok-list .tamogato-item-container.ceres .tamogato-item {
    background-image: url(../../../../../Assets/media/gyvcs/tamogatok/Ceres.jpg);
    background-position: center calc(100% - 9px);
}
.tamogatok-list .tamogato-item-container.teran .tamogato-item {
    background-image: url(../../../../../Assets/media/gyvcs/tamogatok/Teran.jpg);
    background-position: center calc(100% - 9px);
}
.tamogatok-list .tamogato-item-container.gyorszol .tamogato-item {
    background-image: url(../../../../../Assets/media/gyvcs/tamogatok/Gyor-szol.png);
    background-position: center calc(100% + 17px);
}
.tamogatok-list .tamogato-item-container.turbo-tec .tamogato-item {
    background-image: url(../../../../../Assets/media/gyvcs/tamogatok/TurboTec.jpg);
    background-position: center calc(100% - 9px);
}
.tamogatok-list .tamogato-item-container.gyor .tamogato-item {
    background-image: url(../../../../../Assets/media/gyvcs/tamogatok/Gyor.jpg);
    background-position: center calc(100% - 9px);
    background-size: contain;
}
.tamogatok-list .tamogato-item-container.grenex .tamogato-item {
    background-image: url(../../../../../Assets/media/gyvcs/tamogatok/GreeenEx.jpg);
    background-position: center calc(100% - 9px);
}
.tamogatok-list .tamogato-item-container.bp .tamogato-item {
    background-image: url(../../../../../Assets/media/gyvcs/tamogatok/Brillfield-partners.jpg);
    background-position: center calc(100% - 9px);
}
.tamogatok-list .tamogato-item-container.pp .tamogato-item {
    background-image: url(../../../../../Assets/media/gyvcs/tamogatok/Pannonplan.jpg);
    background-position: center bottom;
}

@media (max-width: 1200px) {
    .tamogatok-list .tamogato-item-container.vv .tamogato-item span {
        font-size: 10px;
    }

}
@media (max-width: 991px) {
    .tamogatok-list {
        grid-template-columns: repeat(4, 1fr);
    }
    .tamogatok-list .tamogato-item-container.tam {
        grid-column: 2/5;
        display: grid;
        align-items: center;
    }
    .tamogatok-list .tamogato-item-container.tam .tamogato-item {
        padding: 0;
        font-size: 16px;
    }
    .tamogatok-list .tamogato-item-container .tamogato-item {
        background-position: center center !important;
    }
    #kezdolap .tamogatok .background-container {
        padding: 250px 0 0 !important;
        height: auto;
        background-size: contain;
    }
    .tamogatok-container {
        position: initial;
    }
}