@media screen and (max-height: 710px){
	body {position: relative; height: auto; overflow-y: visible; }
	section {height: auto; min-height: 600px; padding-top: 50px; }
	article {top: 0; transform: none; }
	footer {position: relative; bottom: auto; }
}

@media screen and (max-height: 810px) and (max-width: 730px){
	body {position: relative; height: auto; overflow-y: visible; }
	section {height: auto; min-height: 600px; padding-top: 80px; }
	article {top: 0; transform: none; }
	footer {position: relative; bottom: auto; }
}

@media screen and (max-width: 1040px){
	.pvzp {position: absolute; top: 20px; left: 3%; transform: scale(.35,.35); }
}

@media screen and (max-width: 780px) and (max-height: 710px){
	section {padding-top: 80px; }
	.pvzp {position: absolute; top: 20px; left: 3%; transform: scale(.35,.35); }
}

@media screen and (max-width: 730px){
	section {width: 100%; }
	article {width: 476px; margin: 0 auto; padding-left: 0; padding-bottom: 195px; }
	.palm {display: none; }
	.soutezit a.contest-rules {left: 50%; }
	.cta-contest {left: 16px; }
	.or {left: 138px; }
	.cta-insurance {left: 165px; }
	#ipad-price {left: 300px; top: 430px; width: 120px; }
	#iphone-price {left: 150px; top: 530px; width: 176px; }
	.homepage a.contest-rules, .drzime-palce a.contest-rules {left: 200px; top: 625px; }
}

@media screen and (max-width: 580px){
	.img-lines {top: 30px; transform-origin: center top; transform: scale(.8,.8); }
    .img-lines img {transform: translateX(-50%) scale(.65,.65); }
	.img-lines {top: 10px; transform-origin: center top; transform: scale(.8,.8); }
}

@media screen and (max-width: 480px){
	body {background: white; }
	#bg {display: none !important; }
	
	.pvzp {display: none; }
	.pvzp-color {display: block; left: 5%; }
	
	section {height: auto; padding-top: 60px; }
	article {width: 90%; padding-left: 5%; padding-right: 5%; padding-bottom: 30px; transform: none; text-align: center; box-sizing: content-box; }
	.content-circle {width: 100%; height: auto; }
	.circle-outline, .circle-fill {display: none; }
	.content {position: relative; width: 100%; height: auto; text-align: left; }
	.txt-content {padding-top: 150px; }
	.contest-steps {padding-left: 0; padding-top: 200px; padding-bottom: 20px; }
	
	
	.cta {display: inline-block; position: relative; top: 0; left: 0; margin-left: 5px; margin-right: 5px; }
	.or {display: none; }
	
	.img-lines {left: 50%; width: 476px; height: 476px; transform-origin: center top; transform: translateX(-50%) scale(.7,.7); }
    
    .img-lines img {top: 0; } /* winners */
    
	#vyhrajte {top: 3.97%; }
	#zajezd {top: 0.92%; }
	#nebo {top: 24.77%; }
	#iphonex {top: 16.47%; }
	#a-dalsi {top: 37.79%; }
	#hodnotne {top: 35.8%; }
	#ceny {top: 36.53%; }
	
	
	#ipad-price {display: block; position: relative; left: 0; top: 0; width: 70%; margin-left: 25%; }
	#ipad-price img {left: 0; }
	#iphone-price {display: block; position: relative; left: 0; top: 0; width: 75%; margin-top: 70%; }
	.drzime-palce #ipad-price, .drzime-palce #iphone-price {display: none; }
	.contest-rules {clear: both; display: block; position: static !important; margin: 30px 0; transform: none !important; }
	.frm-2-cols .field-box {width: 100%; margin-left: auto !important; margin-right: auto !important; float: none; max-width: 294px; }
	
	.infobox {position: relative; width: 100%; height: auto; margin-bottom: 80px; }
	.infobox .inner {position: static; width: auto; height: auto; border-radius: 10px; margin: 20px 0; padding-bottom: 80px; transform: none; }
	.infobox .inner h2 {padding-top: 30px; }
	.infobox a.cta {position: absolute; display: block !important; left: 50%; bottom: 0; transform: translate(50%,-50%); }
	.infobox a.cta-correct {left: 50%; top: 100%; transform: translate(-50%,-50%); }
	
	.reg-step {position: static; padding: 0; }
	.reg-step, #step-2-5-header {display: none; }
	.step0 #step0, .step1 #step1, .step2 #step2, .step3 #step3, .step4 #step4, .step5 #step5, .step2 #step-2-5-header {display: block; }
	.step1 #step0, .step2 #step1, .step3 #step2, .step4 #step3, .step5 #step4, .step6 #step5, .step6 #step-2-5-header {display: none; }
	.cta-continue {display: block; margin: 30px auto 0 auto; }
	.drzime-palce .cta-insurance {left: 0; top: 0; margin-top: 30px; }
	
	footer {position: static; bottom: auto; padding: 15px; }
	footer div {display: none; position: static; width: 100%; height: auto; margin-bottom: 20px; }
	footer div * {display: inline; }
}

@media screen and (max-width: 420px){
	.img-lines {transform: translateX(-50%) scale(.55,.55); }
    .contest-steps {padding-top: 180px !important; } /* winners */
}

@media screen and (max-width: 330px){
	.img-lines {transform: translateX(-50%) scale(.5,.5); }
    .img-lines img {top: 20px; } /* winners */
    .contest-steps.contest-winners span.winner-names br {display: none; } /* winners */
}

@media screen and (max-width: 304px){
	.img-lines {transform: translateX(-50%) scale(.45,.45); }
    .img-lines img {top: 40px; } /* winners */
}

@media screen and (max-width: 260px){
	.img-lines {transform: translateX(-50%) scale(.4,.4); }
}