@import url('https://fonts.googleapis.com/css2?family=Kanit:wght@400;600&display=swap');
body {font-family: 'Kanit', sans-serif;}
video {object-fit: cover; width: 100%; max-height: 32vh; position: relative; top: 0;left: 0;}
.title {position: absolute; top:0; left:0; width:100%; display: block; align-items: center; justify-content: center;}
.black-opacity {background-color: #231f20;opacity: .85;transition: background .3s,border-radius .3s,opacity .3s;-webkit-transition: background .3s,border-radius .3s,opacity .3s;-moz-transition: background .3s,border-radius .3s,opacity .3s;-ms-transition: background .3s,border-radius .3s,opacity .3s;-o-transition: background .3s,border-radius .3s,opacity .3s;}
.imgfold {background-color: #000; background-image: url(../images/fold.webp); background-repeat: no-repeat; background-size: cover; background-position: center; background-attachment: fixed;}
.hero {background-color: #000; background-repeat: no-repeat; background-size: cover; background-position: center;}
.hero-beszerzes {background-image: url(../images/beszerzes-finansys-szovetkezet.webp);}
.hero-raktari {background-image: url(../images/raktari-rendszerek-finansys-szovetkezet.webp);}
.hero-rendszergazda {background-image: url(../images/rendszergazda-rendszeruzemeltetes-finansys-szovetkezet.webp);}
.hero-szerverpark {background-image: url(../images/szerverpark-uzemeltetes-finansys-szovetkezet.webp);}
.hero-uzemeltetes {background-image: url(../images/uzemeltetes-finansys-szovetkezet.webp);}
.hero-vallalatiranyitasirendszerek {background-image: url(../images/vallalatiranyitasi-rendszerek-finansys-szovetkezet.webp);}
.hero-kapcsolat {background-image: url(../images/hogyan-tudunk-segiteni-finansys-szovetkezet.webp);}
.hero-miert {background-image: url(../images/miert-erdemes-minket-valasztani-finansys-szovetkezet.webp);}
.hero-hogyan {background-image: url(../images/hogyan-tudunk-segiteni-finansys-szovetkezet.webp);}
.footerlogo {height: 120px; width: auto;}
.szechenyi {position: fixed; right: 0; margin: 0;z-index: 9999999;}
/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
@media only screen and (min-width:320px) {
.szechenyi {top: 66px;}
.szehenyimg {width: 70px; height: auto;}
.szechenyimg {width: 413px; height: auto;}	
}
@media only screen and (min-width:480px) {
.szechenyi {top: 66px;}
.szehenyimg {width: 70px; height: auto;}
.szechenyimg {width: 413px; height: auto;}
}
@media only screen and (min-width:768px) {
.szechenyi {top: 0;}
.szehenyimg {width: 217px; height: auto;}
.szechenyimg {width: 413px; height: auto;}
}
@media only screen and (min-width:1024px) {
.szechenyi {top: 0;}
.szehenyimg {width: 217px; height: auto;}
.szechenyimg {width: 413px; height: auto;}
}
@media only screen and (min-width:1140px) {
.szechenyi {top: 0;}
.szehenyimg {width: 217px; height: auto;}
.szechenyimg {width: 413px; height: auto;}
}
@media only screen and (min-width:1280px) {
.szechenyi {top: 0;}
.szehenyimg {width: 217px; height: auto;}
.szechenyimg {width: 413px; height: auto;}
}