@media screen and (max-width: 1800px) {}
@media screen and (max-width: 1680px) {}
@media screen and (max-width: 1600px) {}
@media screen and (max-width: 1540px) {}
@media screen and (max-width: 1440px) {}
@media screen and (max-width: 1400px) {}
@media screen and (max-width: 1366px) {}
@media screen and (max-width: 1280px) {
	.form-sponsoredby{right: 0;}
}
@media screen and (max-width: 1200px) {
	#header .region-header{padding: 0px;}
	#header .header-logo .site-branding__logo img{height: 40px;}
	#header .header-logo{font-size: 9px; letter-spacing: 1px;}
	#header .main-menu .menu-item{margin-left: 10px;}
	#header .header-social{margin-left: 20px;}
	#header .header-language-btn{margin-left: 10px;}
	#header .header-logo{margin-top: 11px;}

	.layout-main{overflow: hidden;}
	.path-quiz #page #main-wrapper{max-width: 94%;}
	.path-quiz #page #main-wrapper .main-content{width: 98%; margin-left: 1%;}

	.answering-form table tbody tr .form-item--error-message {display: none;}
}
@media screen and (max-width: 1130px) {}
@media screen and (max-width: 1080px) {}
@media screen and (max-width: 1024px) {}
@media screen and (max-width: 1000px) {}
@media screen and (max-width: 991px) {}
@media screen and (max-width: 980px) {
	#header .header-logo{font-size: 0px;}

	.block-page-title-block h1{font-size: 32px; letter-spacing: 10px;}
	.contact-text{font-size: 16px; letter-spacing: 1px;}

	.path-quiz #page #main-wrapper .main-content{padding: 60px 20px 50px}
	.path-quiz .form-sponsoredby, .path-quiz .concept-development{width: 100% !important; text-align: center;}
	.path-quiz .form-sponsoredby{bottom: -64px;}

	.result-content h2{font-size: 36px; line-height: 70px;}
	.result-content{margin-top: 40px;}
	.result-content .score{font-size: 110px; line-height: 110px;}
}
@media screen and (max-width: 979px) {}
@media screen and (max-width: 960px) {}
@media screen and (max-width: 920px) {}
@media screen and (max-width: 900px) {
	#header .header-social{margin-top: 7px;}
	#header .header-logo{margin-top: 0px;}
	#header .main-menu{margin-top: 5px;}
}
@media screen and (max-width: 896px) {}
@media screen and (max-width: 880px) {}
@media screen and (max-width: 869px) {}
@media screen and (max-width: 853px) {}
@media screen and (max-width: 850px) {
	.form-sponsoredby{position: initial; text-align: center; width: 100%; margin-top: 50px;}
	.path-frontpage #main{padding-bottom: 0px;}

	.path-quiz .block-system-main-block{display: inline-block; width: 100%;}
}
@media screen and (max-width: 847px) {}
@media screen and (max-width: 846px) {}
@media screen and (max-width: 824px) {}
@media screen and (max-width: 823px) {}
@media screen and (max-width: 812px) {}
@media screen and (max-width: 800px) {}
@media screen and (max-width: 770px) {}
@media screen and (max-width: 768px) {}
@media screen and (max-width: 767px) {
	#header .header-social{box-sizing: border-box;}	

	.home-webform .js-form-item {width: 100%; margin-right: 0;}
	.about-main-content p {font-size: 14px;}
	.home-webform #edit-actions{width: auto;}
	.home-webform #edit-actions #edit-actions-submit{padding-top: 9px;}

	.about-top-content .image-text { font-size: 26px; color: #000; font-weight: 900; letter-spacing: 2px;}

	.path-frontpage #main{margin-top: 40px;}

	.block-page-title-block h1{font-size: 30px; letter-spacing: 7px; line-height: normal;}

	.layout-main{padding-bottom: 20px; overflow: hidden;}

	.webform-submission-contact-form{max-width: 400px;}

	.path-quiz #block-racismtest-content table tr th{width: 50%;}
	.path-quiz  .layout-main{padding-bottom: 80px;}

	.answering-form table tbody tr{box-sizing: border-box;}
}
@media screen and (max-width: 740px) {}
@media screen and (max-width: 736px) {}
@media screen and (max-width: 732px) {}
@media screen and (max-width: 731px) {}
@media screen and (max-width: 720px) {
	#header{text-align: center;}
	#header .header-language-btn #gtranslate_selector {font-size: 12px; padding: 0 10px; width: 160px;}
	#header .header-language-btn{margin-left: 0px;}
	#header .header-social{margin-left: 10px;}
	#header .main-menu{width: auto; clear: both; margin-top: -15px;}
	#header .main-menu .menu-item { font-size: 13px; padding-top: 2px;}
	#header .main-menu .menu-item {margin-left: 0px;}
	#header .header-logo .site-branding__logo img {height: 60px;}
}
@media screen and (max-width: 700px) {}
@media screen and (max-width: 685px) {}
@media screen and (max-width: 667px) {}
@media screen and (max-width: 640px) {
	.path-quiz .concept-development p {letter-spacing: 1px;}
}
@media screen and (max-width: 600px) {
	.answering-form .form-actions input.button {width: auto;}
}
@media screen and (max-width: 580px) {
	p{font-size: 16px; line-height: 28px;}
	.site-footer .footer-copyright p{line-height: 20px;}

	.block-page-title-block h1{font-size: 30px; letter-spacing: 2px; margin-bottom: 0px;}

	.contact-text{margin-top: 0px; margin-bottom: 30px;}
	.webform-submission-contact-form{max-width: 320px;}
	.webform-submission-contact-form .js-form-item input, .webform-submission-contact-form .js-form-item select, .webform-submission-contact-form .js-form-item textarea{margin-top: 0px;}

	.path-quiz .main-content .section {padding: 0;}
	.path-quiz .concept-development p {letter-spacing: 0px; line-height: normal;}
	.path-quiz .form-sponsoredby{bottom: -84px;}

	.answering-form .form-wrapper .field__item p{font-size: 16px; line-height: 24px;}
	.answering-form table tbody tr td p {font-size: 13px;line-height: 20px;}

	.result-content h2 {font-size: 28px; line-height: 60px; letter-spacing: 3px;}
	.path-quiz-result #block-racismtest-content p{line-height: 26px;}
}
@media screen and (max-width: 568px) {}
@media screen and (max-width: 500px) {}
@media screen and (max-width: 480px) {
	#header .header-logo{width: 100%;}
	#header .main-menu {margin-top: 10px; width: 100%; text-align: center;}
	#header .main-menu ul {text-align: center;}
	#header .header-logo a.site-branding__logo {margin: 0 0 10px !important;}
	#header .header-logo .site-branding__text{display: none;}
	#header .header-social {margin-left: 0; float: none; vertical-align: middle; margin: 0;}
	#header .header-language-btn {float: none; margin: 0 10px 0 !important; vertical-align: middle;}
	#header .header-language-btn #gtranslate_selector{width: 150px;}

	.about-top-content .image-text{font-size: 20px;}
	.about-top-content .image-text img{height: 40px;}

	.webform-submission-contact-form .js-form-item label{font-size: 14px;}
	.webform-submission-contact-form .js-form-item input, .webform-submission-contact-form .js-form-item select, .webform-submission-contact-form .js-form-item textarea{font-size: 14px;}

	.answering-form .form-actions input.button{padding-right: 40px;}

	.path-quiz .highlighted {display: none;}
	.result-content h2 {font-size: 26px; line-height: 60px; letter-spacing: 0px;}
	
	.user-register-form #edit-pass .js-form-item {
		width: 100%;
	}
	.user-register-form #edit-pass {
		width: 100%;
	}
	.user-login-form .form-item-name,
	.user-login-form .form-item-pass {
		width: 100%;
	}
	.user-pass input.button,
	.user-login-form input.button,
	.user-register-form input.button {
		width: 100%;
	}
	.user-register-form .form-item-mail,
	.user-register-form .form-item-name,
	#edit-field-country-wrapper,
	#edit-field-address-wrapper,
	#edit-field-zipcode-wrapper,
	#edit-field-occupation-wrapper,
	#edit-field-ethnicity-wrapper {
		width: 100%;
	}
}
@media screen and (max-width: 479px) {}
@media screen and (max-width: 420px) {}
@media screen and (max-width: 414px) {}
@media screen and (max-width: 412px) {}
@media screen and (max-width: 411px) {}
@media screen and (max-width: 400px) {
	.webform-submission-contact-form{max-width: 220px;}
}
@media screen and (max-width: 375px) {}
@media screen and (max-width: 370px) {}
@media screen and (max-width: 360px) {}
@media screen and (max-width: 340px) {}
@media screen and (max-width: 320px) {}