#hero { background: url('/modules/main/images/background_header.jpg') no-repeat; background-size: cover; background-position: 50% 0%; }
#hero h1 { font-size: 58px; font-weight: 400; text-align: center; margin: 80px 0; }
#hero .land-wrapper { display: flex; align-items: center; justify-content: center; padding: 80px 0; }
#hero .land-wrapper > div:nth-child(1) { padding-right: 160px; }
#hero .land-wrapper p { margin: 30px 0; }
#main { background: url('/modules/land-utility/images/background_main.jpg') no-repeat; background-size: 100%; background-position: center center; }
#main .container { display: flex; align-items: flex-start; justify-content: center; flex-wrap: wrap; }
#main .container > div { width: 50%; padding: 40px 0; }
#main .container > div:nth-child(odd) { padding-right: 80px; }
#main .container > div:nth-child(even) { padding-left: 80px; }
#main .claim-box { background: #2b264e; text-align: center; padding: 45px 60px; border-radius: 12px; position: relative; }
#main .claim-box .close { position: absolute; top: 16px; right: 16px; width: 48px; height: 48px; background: #6647BF; border-radius: 12px; display: flex; align-items: center; justify-content: center; cursor: pointer; } 
#main .claim-box .close:before { content: url("/modules/land-utility/images/close.png"); height: 24px; }
#main .claim-box p { color: white; }
#main .claim-box .table-box { padding: 10px 60px 30px; line-height: 30px; }
#main .claim-box .tbrow { display: flex; align-items: center; justify-content: space-between; }
#main .claim-box h3, #main .claim-box h4 { text-transform: uppercase; }
#main .claim-box h3 { margin-bottom: 16px; }
a.btn.burn { background: #6082f6; width: 100%; border-radius: 12px; display: flex; align-items: center; justify-content: center; }
a.btn.burn:before { background: url('/modules/land-utility/images/burn.png'); margin-right: 6px; bottom: -4px; width: 23px; height: 23px; content: " "; }

@media (max-width: 1440px) {
#hero h1 { font-size: 36px; margin: 60px 0; }
#hero .land-wrapper { padding: 60px 0; }
img.land { width: 580px; }
img.landart { width: 500px; }
#hero .land-wrapper > div:nth-child(1) { padding-right: 120px; }
#main .container > div { width: 50%; padding: 35px 0; }
#main .container > div:nth-child(odd) { padding-right: 50px; }
#main .container > div:nth-child(even) { padding-left: 50px; }
#main .claim-box { padding: 30px 40px; }
#main .claim-box .table-box { padding: 10px 50px 30px; }
}

@media (max-width: 1280px) {
img.land { width: 460px; }
img.landart { width: 400px; }
#hero .land-wrapper > div:nth-child(1) { padding-right: 60px; }
#main .container > div:nth-child(odd) { padding-right: 20px; }
#main .container > div:nth-child(even) { padding-left: 20px; }
}

@media (max-width: 1024px) {
img.land { max-width: 460px; width: 100%; }
img.landart { max-width: 400px; width: 100%; }
#hero h1 { margin: 40px 0; }
#hero .land-wrapper { padding: 20px 0; }
#hero .land-wrapper > div:nth-child(1) { padding-bottom: 40px; }
#hero .land-wrapper, #main .container { flex-wrap: wrap; }
#main .container > div { width: 100%; padding: 20px 0; }
#main .container > div:nth-child(odd) { padding-right: 0px; }
#main .container > div:nth-child(even) { padding-left: 0px; }
#main .claim-box { padding: 40px 30px 20px 30px; }
#main .claim-box .close { top: 12px; right: 12px; width: 36px; height: 36px; }
#main .claim-box .table-box { padding: 10px 20px 30px; }
}