#hero { background: url('/modules/platform/images/background_hero.jpg') no-repeat; background-size: cover; padding: 130px 0; text-align: center; }
#hero span { display: block; font-size: 16px; font-weight: 700; color: #696eaf; text-align: center; }
#hero h1 { font-weight: 400; font-size: 78px; text-align: center; margin-bottom: 60px; }
#hero p { max-width: 80%; margin: 20px auto; color: #c8d2e2; }
section#blocks { padding: 80px 0; }
#blocks .container { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }
#blocks .container > div { text-align: left; }
#blocks img { max-width: 100%; }
.border-box { padding: 10px 20px; position: relative; width: 50%; margin-bottom: 100px; }
.border-box:before { content: " "; position: absolute; top: -50px; left: -50px; width: 100%; height: 100%; background: url('/modules/platform/images/bbframe1.png') no-repeat; background-position: 0% 0%; }
.border-box:after { content: " "; position: absolute; bottom: -50px; right: -50px; width: 100%; height: 100%; background: url('/modules/platform/images/bbframe2.png') no-repeat; background-position: bottom right; }
.block-image { width: 48%; height: 500px; }
.block-image[data-id="1"] { background: url('/modules/platform/images/magyarazat.png') no-repeat center center; background-size: 100%; }
.block-image[data-id="2"] { background: url('/modules/platform/images/metabuildingblock.png') no-repeat center center; background-size: 100%; }
.block-image[data-id="3"] { background: url('/modules/platform/images/NEb2b2.png') no-repeat center center; background-size: 100%; }
.block-image[data-id="4"] { background: url('/modules/platform/images/Group9262-2.png') no-repeat center center; background-size: 100%; }
#register { text-align: center; }
#register h2 { margin-bottom: 20px; } 

@media (max-width: 1440px) {
#hero { padding: 90px 0; }
#hero h1 { font-size: 60px; margin-bottom: 40px; }
#hero span { font-size: 14px; }
}

@media (max-width: 1024px) {
.border-box { margin-bottom: 0px; }
#blocks .container { flex-wrap: wrap; }
#blocks .container > div { width: calc(100% - 80px); margin: auto; }
#blocks .container > div:nth-child(1) { order: 2; } /* haromszog */
#blocks .container > div:nth-child(2) { order: 1; } /* experience */
#blocks .container > div:nth-child(3) { order: 3; }
#blocks .container > div:nth-child(4) { order: 4; }
#blocks .container > div:nth-child(5) { order: 6; }
#blocks .container > div:nth-child(6) { order: 5; }
#blocks .container > div:nth-child(7) { order: 7; }
#blocks .container > div:nth-child(8) { order: 8; }
.block-image { height: 400px; }
}