/* Elrendezés sablon */
.kozepre {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow-x: hidden;
}

.w100 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    max-width: 100%;
    width: 100%;
}

.w700 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    max-width: 700px;
    width: 100%;
}

.w1200 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    max-width: 1200px;
    width: 100%;
}

.fd {
    display: flex;
}

.fd-col-100 {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.fd-row-100 {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.fd-col-50 {
    display: flex;
    flex-direction: column;
    width: 50%;
}

.fd-row-50 {
    display: flex;
    flex-direction: row;
    width: 50%;
}

.fd-col-33 {
    display: flex;
    flex-direction: column;
    width: 33%;
}

.fd-row-33 {
    display: flex;
    flex-direction: row;
    width: 33%;
}

.fd-col-25 {
    display: flex;
    flex-direction: column;
    width: 25%;
}

.fd-row-25 {
    display: flex;
    flex-direction: row;
    width: 25%;
}

.fd-col-10 {
    display: flex;
    flex-direction: column;
    width: 10%;
}

.fd-row-10 {
    display: flex;
    flex-direction: row;
    width: 10%;
}

.wrap {
    flex-wrap: wrap;
    overflow-wrap: anywhere;
}

.jc-s {
    justify-content: flex-start;
}

.jc-c {
    justify-content: center;
}

.jc-e {
    justify-content: flex-end;
}

.jc-sa {
    justify-content: space-around;
}

.jc-sb {
    justify-content: space-between;
}

.ai-s {
    align-items: flex-start;
}

.ai-c {
    align-items: center;
}

.ai-e {
    align-items: flex-end;
}

.ai-sa {
    align-items: space-around;
}

.ai-sb {
    align-items: space-between;
}

.ac-s {
    align-content: flex-start;
}

.ac-c {
    align-content: center;
}

.ac-e {
    align-content: flex-end;
}

.ac-sa {
    align-content: space-around;
}

.ac-sb {
    align-content: space-between;
}

.gap5 { gap: 5px; }
.gap10 { gap: 10px; }
.gap15 { gap: 15px; }
.gap20 { gap: 20px; }
.gap25 { gap: 25px; }
.gap30 { gap: 30px; }
.gap35 { gap: 35px; }
.gap40 { gap: 40px; }
.gap45 { gap: 45px; }
.gap50 { gap: 50px; }

.m-5 { margin: 5px; }
.m-10 { margin: 10px; }
.m-20 { margin: 20px; }
.m-30 { margin: 30px; }
.m-40 { margin: 40px; }
.m-50 { margin: 50px; }
.m-60 { margin: 60px; }
.m-70 { margin: 70px; }
.m-80 { margin: 80px; }
.m-90 { margin: 90px; }
.m-100 { margin: 100px; }

.mt-5 { margin-top: 5px; }
.mt-10 { margin-top: 10px; }
.mt-20 { margin-top: 20px; }
.mt-30 { margin-top: 30px; }
.mt-40 { margin-top: 40px; }
.mt-50 { margin-top: 50px; }
.mt-60 { margin-top: 60px; }
.mt-70 { margin-top: 70px; }
.mt-80 { margin-top: 80px; }
.mt-90 { margin-top: 90px; }
.mt-100 { margin-top: 100px; }

.mb-5 { margin-bottom: 5px; }
.mb-10 { margin-bottom: 10px; }
.mb-20 { margin-bottom: 20px; }
.mb-30 { margin-bottom: 30px; }
.mb-40 { margin-bottom: 40px; }
.mb-50 { margin-bottom: 50px; }
.mb-60 { margin-bottom: 60px; }
.mb-70 { margin-bottom: 70px; }
.mb-80 { margin-bottom: 80px; }
.mb-90 { margin-bottom: 90px; }
.mb-100 { margin-bottom: 100px; }

.ml-5 { margin-left: 5px; }
.ml-10 { margin-left: 10px; }
.ml-20 { margin-left: 20px; }
.ml-30 { margin-left: 30px; }
.ml-40 { margin-left: 40px; }
.ml-50 { margin-left: 50px; }
.ml-60 { margin-left: 60px; }
.ml-70 { margin-left: 70px; }
.ml-80 { margin-left: 80px; }
.ml-90 { margin-left: 90px; }
.ml-100 { margin-left: 100px; }

.mr-5 { margin-right: 5px; }
.mr-10 { margin-right: 10px; }
.mr-20 { margin-right: 20px; }
.mr-30 { margin-right: 30px; }
.mr-40 { margin-right: 40px; }
.mr-50 { margin-right: 50px; }
.mr-60 { margin-right: 60px; }
.mr-70 { margin-right: 70px; }
.mr-80 { margin-right: 80px; }
.mr-90 { margin-right: 90px; }
.mr-100 { margin-right: 100px; }