/*
This CSS resource incorporates links to font software which is the valuable copyrighted
property of Monotype Imaging and/or its suppliers. You may not attempt to copy, install,
redistribute, convert, modify or reverse engineer this font software. Please contact Monotype
Imaging with any questions regarding Web Fonts:  http://www.fonts.com
*/

@import url('normalize.css');
@import url('https://fonts.googleapis.com/css?family=Saira+Extra+Condensed:500,700|Saira:300,700');
@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=7992512b-51cd-4a7d-b4ed-d1f716b001be");
@font-face{
	font-family:"Clarendon LT W01 Light";
	src:url("../Fonts/9862421f-a7e4-4a08-9ca8-79a1fbae9402.eot?#iefix");
	src:url("../Fonts/9862421f-a7e4-4a08-9ca8-79a1fbae9402.eot?#iefix") format("eot"),url("../Fonts/e4dec283-7af8-44cc-8baa-41fd71695531.woff2") format("woff2"),url("../Fonts/47ce892d-e00c-49f3-b2c7-52332731d02d.woff") format("woff"),url("../Fonts/53d1345d-9a4d-4ff6-8720-5569a24bc7e4.ttf") format("truetype"),url("../Fonts/e9682088-c246-469e-a760-505dc555664c.svg#e9682088-c246-469e-a760-505dc555664c") format("svg");
}
@font-face{
	font-family:"Clarendon LT W01 Roman";
	src:url("../Fonts/e3b6d916-11b8-4f8a-8a63-5016e751d5f0.eot?#iefix");
	src:url("../Fonts/e3b6d916-11b8-4f8a-8a63-5016e751d5f0.eot?#iefix") format("eot"),url("../Fonts/4f3b0a23-130f-42fb-9ea5-6dfd4404d81b.woff2") format("woff2"),url("../Fonts/052a9541-0f33-45dc-98a6-9f85308e8ec8.woff") format("woff"),url("../Fonts/675b75f9-9e87-49e4-b612-cc879f7ec7ba.ttf") format("truetype"),url("../Fonts/ec4f4724-e541-4be0-9293-08ee0c17c44e.svg#ec4f4724-e541-4be0-9293-08ee0c17c44e") format("svg");
}
@font-face{
	font-family:"Clarendon LT W01 Bold";
	src:url("../Fonts/c80c67c6-dbd4-4098-ad18-26f1faaaf60d.eot?#iefix");
	src:url("../Fonts/c80c67c6-dbd4-4098-ad18-26f1faaaf60d.eot?#iefix") format("eot"),url("../Fonts/eac3ebe9-eb7a-419f-b469-e296fc543bf6.woff2") format("woff2"),url("../Fonts/89ba7d02-784c-4788-bb8e-d06a3ec2c3bf.woff") format("woff"),url("../Fonts/5e2d8dfb-8cee-4da2-bce5-992bd8b505d7.ttf") format("truetype"),url("../Fonts/9574c400-8227-45d6-8831-3c5bed873167.svg#9574c400-8227-45d6-8831-3c5bed873167") format("svg");
}


/* Fonts
font-family:"Clarendon LT W01 Light";
font-family:"Clarendon LT W01 Roman";
font-family:"Clarendon LT W01 Bold";

font-family: 'Saira Extra Condensed', sans-serif;
font-weight:500;
font-weight:700;
Fonts */

/*Basic*/
html, body {margin: 0;}
html{-webkit-tap-highlight-color: rgba(0,0,0,0);}
body, h1, h2, h3, h4, h5, h6, p, b, strong, i, em, textarea, input, ul, li {margin:0px; padding:0px; -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: grayscale;}
::-moz-selection{ background: rgb(135, 205, 35); color:rgb(255, 255, 255); text-shadow: none;  }
::selection { background: rgb(135, 205, 35); color:rgb(255, 255, 255);  text-shadow: none; }
body{font-family: 'Saira Extra Condensed', sans-serif; background-color:rgb(255, 255, 255); color:rgb(0, 0, 0); }
p {font-family:"Clarendon LT W01 Bold"; font-size:24px; letter-spacing:1px; color:rgb(255, 255, 255);}
h1 {font-size:190px; line-height:80%; letter-spacing:-1px; font-weight:700; text-transform:uppercase; color:rgb(255, 255, 255);  white-space: nowrap; position:relative; padding-bottom:25px; margin-bottom:50px;}
h1:before {content:''; position:absolute; bottom:0px; left:0px; width:90%; border-bottom:1px solid rgb(255, 255, 255);}
 /*h1:after {content:''; position:absolute; bottom:-9px; right:8px; height:24px; width:28px; background-image:url('../images/tractor.png'); }*/
h1:after {content:''; position:absolute; bottom:-9px; right:8px; height:27px; width:38px; background-image:url('../images/tractor.gif'); }
h2 {font-size:33px; line-height:100%; letter-spacing:10px; font-family:"Clarendon LT W01 Bold";  text-transform:uppercase; color:rgb(255, 255, 255); white-space: nowrap; padding-bottom:25px; margin-bottom:25px; border-bottom:1px solid rgb(255, 255, 255); }

h3 {float:left; font-size:120px; line-height:80%; letter-spacing:1px; font-weight:500; text-transform:uppercase; color:rgb(135, 205, 35);  white-space: nowrap; margin-bottom:25px; text-align:Center; width:100%; }
h3.urban {font-size:68px; letter-spacing:0px;}
h4 {float:left; font-size:20px; line-height:100%; letter-spacing:10px; margin-bottom:15px; font-family:"Clarendon LT W01 Bold"; text-transform:uppercase; color:rgb(74, 51, 21); white-space: nowrap; text-align:Center; width:100%; position:relative;}
h4:before {content:''; position:absolute; bottom:10px; left:0px; height:1px; width:calc(50% - 125px); border-bottom:1px solid rgb(74, 51, 21);}
h4:after {content:''; position:absolute; bottom:10px; right:0px; height:1px; width:calc(50% - 125px); border-bottom:1px solid rgb(74, 51, 21);}

h5 {font-size:40px; line-height:90%; font-family: 'Saira Extra Condensed', sans-serif; font-weight:700; margin-bottom:10px; color:rgb(135, 205, 35); text-transform:uppercase;}
h6 { font-size:200px; line-height:80%; font-family: 'Saira Extra Condensed', sans-serif; font-weight:700; }
:focus {outline:none;}
.wrapper{max-width:1200px; margin:0px auto;}
* {image-rendering: optimizeQuality; }
/*Basic*/


/*content*/
section {float:left; width:100%; height:auto; min-height: 100vh; padding:25vh 0px 25vh 0px; display:flex; flex-direction:column; flex-wrap:wrap; align-items: flex-start; justify-content:center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
article {float:left; width:100%; display:flex; flex-direction:row; flex-wrap:wrap; align-items: flex-end; justify-content:flex-start;}
.text{float:left; width:580px; margin-right:150px;}
.text a {text-decoration:none; font-family:"Clarendon LT W01 Light"; color:rgb(255, 255, 255); font-size:18px;}
.text.rules { margin-right:0px; color:rgb(255, 255, 255);}
.text.rules h5 {color:rgb(255, 255, 255); margin-bottom: 25px;}
.text.rules b {font-size:24px; font-family:"Clarendon LT W01 Roman"; letter-spacing:2px;}
.text.rules p { font-family: 'Saira', sans-serif; font-size:18px; font-weight:300; line-height:125%; margin-top:5px;}

.batch {float:left; width:250px; height:250px; text-align:center; display: flex; align-items: center; justify-content: center; background-color:rgb(63, 43, 16); color:rgb(255, 255, 255); border:12px solid rgb(73, 51, 20); -webkit-border-radius: 50%; border-radius: 50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-transform: rotate(-7deg); -webkit-transform: rotate(-7deg); -o-transform: rotate(-7deg); -ms-transform: rotate(-7deg); transform: rotate(-7deg); }
.batch p {font-size:24px; margin:0px;}
.batch small {font-size:12px; text-transform:uppercase; letter-spacing:1px; font-family:"Clarendon LT W01 Roman";}
.batch b {font-size:50px; line-height:50px; font-family: 'Saira Extra Condensed', sans-serif; font-weight:500;}

.quiz-block {float:left; width:100%; color:rgb(255, 255, 255); margin-top:75px; height:auto; display:flex; flex-direction:row; flex-wrap:wrap; align-items: flex-end; justify-content:flex-start;}
.number {float:left; width:155px; text-align:right; align-self:flex-start; padding-right:25px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.question {float:left; width:450px; border-left:1px solid rgb(255, 255, 255); padding-left:25px; display:flex; flex-direction:column; flex-wrap:wrap; align-items: flex-start; justify-content:flex-start; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.question p {margin-bottom:15px; }
.option {float:left; width:100%; height:auto; margin-top:5px; padding:15px; background-color:rgba(74, 51, 21, 0.9);  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.option p {font-size:22px; font-family:"Clarendon LT W01 Bold"; margin-bottom:0px;}
.option.clickable:hover {background-color:rgba(74, 51, 21, 1); }
.option.clickable { cursor:pointer;}
.option.correct, .quiz-result.correct {background-color:rgba(135, 205, 35, 0.9);}
.option.wrong, .quiz-result.wrong {background-color:rgba(205, 35, 79, 0.9);}

.quiz-result {float:left; display:none; width:350px; margin-left:50px; height:auto; padding:15px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.quiz-result b {font-size:30px;}
.quiz-result p {font-size:18px; font-family:"Clarendon LT W01 Roman";}

#laststop, .quiz-spacer {float:left; width:100%; visibility:hidden;}
#final-results {float:left; display:none; width:850px; margin-top:75px; height:auto; background-color:rgb(246, 239, 225); position:relative; padding:25px 25px 100px 25px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
.final-score {float:left; width:100%; height:auto; margin-bottom:50px;}
.final-score p {font-size:28px; color:rgb(74, 51, 21);}
.result-text {float:left; width:100%; display:flex; flex-direction:row; flex-wrap:wrap; align-items: flex-start; justify-content:flex-start;}
.result-text article {float:left; width:70%;}
.result-text article p {font-family:"Clarendon LT W01 Light"; font-size:16px; color:rgb(74, 51, 21);  margin-bottom:50px;}
.result-text article a {text-decoration:none; color:rgb(135, 205, 35);}
.result-text img {float:left; max-width:30%;}

.result-links {float:left; width:100%; height:auto; margin-bottom:25px;}
.result-links a {font-size:30px; text-transform:uppercase; font-weight:500; color:rgb(135, 205, 35); text-decoration:none;}
.result-text article .result-links p {font-size:30px; cursor:default; text-transform:uppercase; font-weight:500; color:rgba(135, 205, 35, 0.3); margin:0px; font-family: 'Saira Extra Condensed', sans-serif; }

.quiz-facebook {float:left; width:100%; height:auto;}
.result-text article .quiz-facebook p {margin-bottom:10px;}

.bottom-logo {position:absolute; bottom:0px; right:0px; padding:15px; background-color:rgb(255, 255, 255);}

#form-area {float:left; display:none; width:850px; margin-top:75px; height:auto; background-color:rgb(246, 239, 225); position:relative; padding:25px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
#form-area p {font-size:16px; color:rgb(74, 51, 21); margin-bottom:25px;}
#form-area p.error {color:rgb(205, 35, 79); }
form {float:left; width:500px; height:auto;}
input[type='text'], input[type='email'], input[type='tel'] {float:left; border:0px; outline:0px; width:400px; margin-bottom:10px; padding:10px; height:36px; border:1px solid rgb(255, 255, 255); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
input[type='text']:hover, input[type='text']:focus, input[type='email']:hover, input[type='email']:focus, input[type='tel']:hover, input[type='tel']:focus {border:1px solid rgb(135, 205, 35);}
form label {float:left; width:100%; font-size:18px; font-family: 'Saira Extra Condensed', sans-serif; font-weight:500; color:rgb(74, 51, 21); }
.checkbox {float:left; width:100%;  margin-bottom:10px; text-align:left;}
.checkbox label {float:none; display:inline-block; vertical-align:middle; font-weight:500; width:calc(100% - 35px); color:rgb(74, 51, 21); }
.checkbox input[type='checkbox'] {display:inline-block; vertical-align:middle; height:20px; width:20px; background-color:rgb(255, 255, 255);  border:1px solid rgb(220, 220, 220); margin-right:10px; margin-bottom:0px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

input[type='submit'] {outline:0px; border:0px; float:left; margin:0px; width:auto; font-size:20px; padding:5px 25px; background-color: rgb(135, 205, 35); border:1px solid rgb(135, 205, 35); color:rgb(255, 255, 255); text-transform:uppercase; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
input[type='submit']:hover, input[type='submit']:focus {background-color: rgb(255, 255, 255); color: rgb(135, 205, 35);}

#background {position:fixed; top:0px; left:0px; width:100%; height:100%; z-index:-1; background-image:url('../images/dolomiittikalkki.jpg'); background-repeat:no-repeat;  background-size:cover; -webkit-background-size:cover; -moz-background-size:cover;}
#background:after {position:absolute; content:''; top:0px; left:0px; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.20);}
/*content*/


/*Responsive*/
@media screen and (max-width: 1250px) and (min-width: 1025px) {
p {font-size:20px; letter-spacing:1px; }
h1 {font-size:190px; line-height:80%; letter-spacing:-1px; padding-bottom:25px; margin-bottom:50px;}
h1:before {width:90%; border-bottom:1px solid rgb(255, 255, 255);}
h1:after {bottom:-9px; right:8px; }
h2 {font-size:33px; letter-spacing:10px; padding-bottom:25px; margin-bottom:25px; }
h3 {font-size:120px; line-height:80%; letter-spacing:1px; margin-bottom:25px;}
h3.urban {font-size:68px; letter-spacing:0px;}
h4 {font-size:20px; letter-spacing:10px; margin-bottom:15px; }
h4:before {bottom:10px; width:calc(50% - 125px); }
h4:after {bottom:10px; width:calc(50% - 125px);}
h5 {font-size:40px; line-height:90%; }
h6 { font-size:200px; line-height:80%; }
.wrapper{max-width:1000px; }
article { flex-direction:row; align-items: flex-end; justify-content:flex-start;}
.text{width:580px; margin-right:150px;}
.text.rules h5 {margin-bottom: 25px;}
.text.rules b {font-size:24px; letter-spacing:2px;}
.text.rules p { font-size:18px;}
.quiz-block {margin-top:75px;}
.number {width:155px; padding-right:25px;}
.question {width:400px; border-left:1px solid rgb(255, 255, 255); padding-left:25px; }
.question p {margin-bottom:15px; }
.option {margin-top:5px; padding:15px;}
.option p {font-size:22px; margin-bottom:0px;}
.quiz-result {width:350px; margin-left:50px; padding:15px;}
.quiz-result b {font-size:30px;}
.quiz-result p {font-size:18px;}
#final-results {width:850px; margin-top:75px; padding:25px 25px 100px 25px; }
.final-score {margin-bottom:50px;}
.final-score p {font-size:28px; }
.result-text {flex-direction:row;}
.result-text article {width:70%;}
.result-text article p {font-size:16px; margin-bottom:50px;}
.result-text img {max-width:30%;}
.result-links {margin-bottom:25px;}
.result-links a {font-size:30px;}
.result-text article .result-links p {font-size:30px;}
.bottom-logo {padding:15px;}
#form-area {width:850px; margin-top:75px; padding:25px; }
#form-area p {font-size:16px; margin-bottom:25px;}
form {width:500px;}
input[type='text'], input[type='email'], input[type='tel'] {width:400px; margin-bottom:10px; padding:10px; height:36px;}
form label {font-size:18px; }
.checkbox label {width:calc(100% - 35px); }
.checkbox input[type='checkbox'] {height:20px; width:20px; margin-right:10px;}
input[type='submit'] {font-size:20px; padding:5px 25px;}
}
@media screen and (max-width: 1024px) and (min-width: 769px) {
p {font-size:20px; letter-spacing:1px; }
h1 {font-size:156px; line-height:80%; letter-spacing:-1px; padding-bottom:25px; margin-bottom:50px;}
h1:before {width:90%; border-bottom:1px solid rgb(255, 255, 255);}
h1:after {bottom:-9px; right:0px; }
h2 {font-size:27px; letter-spacing:8px; padding-bottom:25px; margin-bottom:25px; }
h3 {font-size:115px; line-height:80%; letter-spacing:1px; margin-bottom:25px;}
h3.urban {font-size:65px; letter-spacing:0px;}
h4 {font-size:20px; letter-spacing:10px; margin-bottom:15px; }
h4:before {bottom:10px; width:calc(50% - 125px); }
h4:after {bottom:10px; width:calc(50% - 125px);}
h5 {font-size:40px; line-height:90%; }
h6 { font-size:200px; line-height:80%; }
.wrapper{max-width:750px; }
article { flex-direction:row; align-items: flex-end; justify-content:flex-start;}
.text{width:470px; margin-right:25px;}
.text.rules h5 {margin-bottom: 25px;}
.text.rules b {font-size:24px; letter-spacing:2px;}
.text.rules p { font-size:18px;}
.quiz-block {margin-top:75px;}
.number {width:155px; padding-right:25px;}
.question {width:400px; border-left:1px solid rgb(255, 255, 255); padding-left:25px; }
.question p {margin-bottom:15px; }
.option {margin-top:5px; padding:15px;}
.option p {font-size:22px; margin-bottom:0px;}
.quiz-result {width:375px; margin-left:180px; margin-top:10px; padding:15px;}
.quiz-result b {font-size:30px;}
.quiz-result p {font-size:18px;}
#final-results {width:100%; margin-top:75px; padding:25px 25px 100px 25px; }
.final-score {margin-bottom:50px;}
.final-score p {font-size:28px; }
.result-text {flex-direction:row;}
.result-text article {width:75%;}
.result-text article p {font-size:16px; margin-bottom:50px;}
.result-text img {max-width:25%;}
.result-links {margin-bottom:25px;}
.result-links a {font-size:30px;}
.result-text article .result-links p {font-size:30px;}
.bottom-logo {padding:15px;}
#form-area {width:100%; margin-top:75px; padding:25px; }
#form-area p {font-size:16px; margin-bottom:25px;}
form {width:500px;}
input[type='text'], input[type='email'], input[type='tel'] {width:400px; margin-bottom:10px; padding:10px; height:36px;}
form label {font-size:18px; }
.checkbox label {width:calc(100% - 35px); }
.checkbox input[type='checkbox'] {height:20px; width:20px; margin-right:10px;}
input[type='submit'] {font-size:20px; padding:5px 25px;}
}
@media screen and (max-width: 768px) and (min-width: 641px) {
p {font-size:20px; letter-spacing:1px; }
h1 {font-size:154px; line-height:80%; letter-spacing:-1px; padding-bottom:25px; margin-bottom:50px;}
h1:before {width:90%; border-bottom:1px solid rgb(255, 255, 255);}
h1:after {bottom:-9px; right:0px; }
h2 {font-size:27px; letter-spacing:8px; padding-bottom:25px; margin-bottom:25px; }
h3 {font-size:93px; line-height:80%; letter-spacing:1px; margin-bottom:25px;}
h3.urban {font-size:53px; letter-spacing:0px;}
h4 {font-size:20px; letter-spacing:10px; margin-bottom:15px; }
h4:before {bottom:10px; width:calc(50% - 125px); }
h4:after {bottom:10px; width:calc(50% - 125px);}
h5 {font-size:32px; line-height:90%; }
h6 { font-size:200px; line-height:80%; }
.wrapper{max-width:620px; }
article { flex-direction:column; align-items: center; justify-content:flex-start;}
.text{width:75%; margin-right:0px; margin-bottom:25px;}
.text.rules h5 {margin-bottom: 25px;}
.text.rules b {font-size:24px; letter-spacing:2px;}
.text.rules p { font-size:18px;}
.quiz-block {margin-top:75px;}
.number {width:155px; padding-right:25px;}
.question {width:400px; border-left:1px solid rgb(255, 255, 255); padding-left:25px; }
.question p {margin-bottom:15px; }
.option {margin-top:5px; padding:15px;}
.option p {font-size:22px; margin-bottom:0px;}
.quiz-result {width:375px; margin-left:180px; margin-top:10px; padding:15px;}
.quiz-result b {font-size:30px;}
.quiz-result p {font-size:18px;}
#final-results {width:100%; margin-top:75px; padding:25px 25px 100px 25px; }
.final-score {margin-bottom:50px;}
.final-score p {font-size:28px; }
.result-text {flex-direction:row;}
.result-text article {width:75%;}
.result-text article p {font-size:16px; margin-bottom:50px;}
.result-text img {max-width:25%;}
.result-links {margin-bottom:25px;}
.result-links a {font-size:30px;}
.result-text article .result-links p {font-size:30px;}
.bottom-logo {padding:15px;}
#form-area {width:100%; margin-top:75px; padding:25px; }
#form-area p {font-size:16px; margin-bottom:25px;}
form {width:500px;}
input[type='text'], input[type='email'], input[type='tel'] {width:400px; margin-bottom:10px; padding:10px; height:36px;}
form label {font-size:18px; }
.checkbox label {width:calc(100% - 35px); }
.checkbox input[type='checkbox'] {height:20px; width:20px; margin-right:10px;}
input[type='submit'] {font-size:20px; padding:5px 25px;}
}
@media screen and (max-width: 640px) and (min-width: 481px) {
p {font-size:20px; letter-spacing:1px; }
h1 {font-size:152px; line-height:80%; letter-spacing:-1px; padding-bottom:25px; margin-bottom:35px;}
h1:before {width:90%; border-bottom:1px solid rgb(255, 255, 255);}
h1:after {bottom:-9px; right:0px; }
h2 {font-size:24px; letter-spacing:10px; padding-bottom:15px; margin-bottom:15px; }
h3 {font-size:90px; line-height:80%; letter-spacing:1px; margin-bottom:25px;}
h3.urban {font-size:53px; letter-spacing:0px;}
h4 {font-size:20px; letter-spacing:10px; margin-bottom:15px; }
h4:before {bottom:10px; width:calc(50% - 125px); }
h4:after {bottom:10px; width:calc(50% - 125px);}
h5 {font-size:32px; line-height:90%; }
h6 { font-size:160px; line-height:80%; }
.wrapper{max-width:460px; }
section {padding:10vh 0px;}
article { flex-direction:column; align-items: center; justify-content:flex-start; margin-bottom:50px;}
.text{width:100%; margin-right:0px; margin-bottom:25px;}
.text.rules h5 {margin-bottom: 25px;}
.text.rules b {font-size:24px; letter-spacing:2px;}
.text.rules p { font-size:18px;}
.quiz-block {margin-top:25px; align-items: center;}
.number {width:100%; padding-right:0px; padding-bottom:15px; text-align:center;}
.question {width:100%; border-top:1px solid rgb(255, 255, 255); padding-top:15px; border-left:0px; padding-left:0px; }
.question p {margin-bottom:15px; }
.option {margin-top:5px; padding:15px;}
.option p {font-size:22px; margin-bottom:0px;}
.quiz-result {width:100%; margin-left:0px; margin-top:10px; padding:15px;}
.quiz-result b {font-size:30px;}
.quiz-result p {font-size:18px;}
#final-results {width:100%; margin-top:75px; padding:25px 25px 100px 25px; }
.final-score {margin-bottom:25px; text-align:center;}
.final-score p {font-size:28px; }
.result-text {flex-direction: column-reverse; align-items: center;}
.result-text article {width:100%;}
.result-text article p {font-size:16px; margin-bottom:25px;}
.result-text img {max-width:125px; margin-bottom:25px;}
.result-links {margin-bottom:25px;}
.result-links a {font-size:26px;}
.result-text article .result-links p {font-size:26px;}
.bottom-logo {padding:15px;}
#form-area {width:100%; margin-top:75px; padding:25px; }
#form-area p {font-size:16px; margin-bottom:25px;}
form {width:100%;}
input[type='text'], input[type='email'], input[type='tel'] {width:400px; margin-bottom:10px; padding:10px; height:36px;}
form label {font-size:16px; }
.checkbox label {width:calc(100% - 35px); }
.checkbox input[type='checkbox'] {height:20px; width:20px; margin-right:10px;}
input[type='submit'] {font-size:20px; padding:5px 25px;}
}
@media screen and (max-width: 480px) and (min-width: 1px) {
p {font-size:18px; letter-spacing:1px; }
h1 {font-size:99px; line-height:80%; letter-spacing:0px; padding-bottom:25px; margin-bottom:35px;}
h1:before {width:90%; border-bottom:1px solid rgb(255, 255, 255);}
h1:after {bottom:-9px; right:-12px; }
h2 {font-size:18px; letter-spacing:5px; padding-bottom:15px; margin-bottom:15px; }
h3 {font-size:60px; line-height:80%; letter-spacing:0px; margin-bottom:25px;}
h3.urban {font-size:33px; letter-spacing:0px;}
h4 {font-size:16px; letter-spacing:10px; margin-bottom:15px; }
h4:before {bottom:8px; width:calc(50% - 110px); }
h4:after {bottom:8px; width:calc(50% - 110px);}
h5 {font-size:26px; line-height:110%; }
h6 { font-size:160px; line-height:80%; }
.wrapper{max-width:300px; }
section {padding:10vh 0px;}
article { flex-direction:column; align-items: center; justify-content:flex-start; margin-bottom:50px;}
.text{width:100%; margin-right:0px; margin-bottom:25px;}
.text a {font-size:16px;}
.text.rules h5 {margin-bottom: 25px;}
.text.rules b {font-size:20px; letter-spacing:2px;}
.text.rules p { font-size:18px;}
.quiz-block {margin-top:25px; align-items: center;}
.number {width:100%; padding-right:0px; padding-bottom:15px; text-align:center;}
.question {width:100%; border-top:1px solid rgb(255, 255, 255); padding-top:15px; border-left:0px; padding-left:0px; }
.question p {margin-bottom:15px; }
.option {margin-top:5px; padding:15px;}
.option p {font-size:18px; margin-bottom:0px;}
.quiz-result {width:100%; margin-left:0px; margin-top:10px; padding:15px;}
.quiz-result b {font-size:24px;}
.quiz-result p {font-size:18px;}
#final-results {width:100%; margin-top:75px; padding:25px 15px 100px 15px; }
.final-score {margin-bottom:25px; text-align:center;}
.final-score p {font-size:22px; }
.result-text {flex-direction: column-reverse; align-items: center;}
.result-text article {width:100%;}
.result-text article p {font-size:16px; margin-bottom:25px;}
.result-text article a {word-break: break-all; }
.result-text img {max-width:125px; margin-bottom:25px;}
.result-links {margin-bottom:25px;}
.result-links a {font-size:22px;}
.result-text article .result-links p {font-size:22px;}
.bottom-logo {padding:15px; width:100%; text-align:center; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
#form-area {width:100%; margin-top:75px; padding:25px; }
#form-area p {font-size:16px; margin-bottom:25px;}
form {width:100%;}
input[type='text'], input[type='email'], input[type='tel'] {width:100%; margin-bottom:10px; padding:10px; height:36px;}
form label {font-size:16px; }
.checkbox label {width:calc(100% - 35px); vertical-align:top;}
.checkbox input[type='checkbox'] {height:20px; width:20px; margin-right:10px;}
input[type='submit'] {font-size:20px; padding:5px 25px;}
}
/*Responsive*/