@charset "utf-8";

* {padding: 0px; margin: 0px;}
html {width: 100%; height: 100%; margin: 0px; padding: 0px;}

body {width: 100%; height: auto; color: #ffffff /*#041826*/; font-family: Segoe UI Symbol, sans-serif; font-size: 18px; background-image: url("aszak-construction-6778044_1920.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center;}
section {margin: 20% auto; text-align: center; width: 40%; background-color: rgba(255,255,255,0.35); display: table; padding: 60px 20px; line-height: 2;}
p {display: table-cell; vertical-align: middle;}
footer {position: fixed; bottom: 0px; padding: 10px; color: #dadada;}

@media all and (max-width: 1200px) {
	body {background-image: url("aszak-construction-6778044_1920.jpg"); background-position: center}
	section {margin: 20% auto; padding: 30px 10px; width: 75%;}
}

@media all and (max-width: 800px) {
	section {margin: 40% auto; width: 95%;}
}