@media(max-width:1170px) {
	.question-top-right {
		right: -165px;
	}
}

@media(max-width:1050px) {
	.question-top-right {
		right: -105px;
		top: -100px;
		width: 180px;
	}
	
	.next-top-right {
		width: 190px;
		top: -90px;
		right: -120px;
	}
	
	.intro-top-left {
		left: -90px;
	}
	
	.question-top-left {
		width: 180px;
		left: -110px;
	}
	
	.footer-top-right {
		right: -100px;
	}
	
	.overview-top-left {
		width: 160px;
		top: -144px;
		left: -110px;
	}
	
	.section-overview-top-left {
		width: 170px;
		left: -116px;
	}
	
	.intro .top-back {
		left: 0px;
	}
}

@media(max-width:980px) {
	.inner-wrapper {
		width: 100%;
	}
	 
	.start p.hur-testet-funkar {
		right: 0px;
	}
	
	.results p.hur-vi-raknat {
		right: 20px;
	}
	
	.start,
	.results .entrance {
		height: auto;
	}
	
	.start .inner-wrapper {
		height: auto;
	}
	
	.start .logo{
		left: 0px;
	}
	
	.results .entrance .logo {
		left: 20px;
	}
	
	.start-bottom-left {
		left: 0px;
	}
	
	.start-top-right {
		right: 20px;
	}
	
	.start .verticalalign,
	.results .entrance .verticalalign {
    position: relative;
    top: 0px;
    transform: none;
	}
	
	.results .entrance .verticalalign {
		padding-top: 160px;
		padding-bottom: 160px;
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.start h1 {
		margin-top: 160px;
		font-size: 30px;
		line-height: 34px;
	}
	
	.eu-logo-start {
		margin-bottom: 220px;
	}
	
	.intro {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.intro .chapter {
		right: 20px;
	}
	
	.intro-top-left {
    left: 20px;
	}
	
	.question-top-right {
		right: 0px;
	}
	
	.next-top-right {
		right: 20px;
	}
	
	.single-quistion-container {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.question-top-left {
		left: 0px;
	}
	
	.next-top-right {
    width: 160px;
    right: 20px;
    top: -75.5px;
	}
	
	.btn-next {
		margin-top: 130px;
		margin-bottom: 130px;1
	}
	
	.next-bottom-left {
    width: 190px;
    left: 20px;
	}
	
	.intro h1 {
		font-size: 30px;
		line-height: 34px;
	}
	
	.footer-top-right {
		right: 20px;
		width: 170px;
		top: -80.5px;
	}
	
	.footer-bottom-left {
		left: 0px;
	}
	
	.overview-top-left {
		left: 0px;
	}
	
	.results .overview {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.overview h1 {
		margin-top: 180px;
		font-size: 30px;
		line-height: 34px;
	}
	
	.section-overview-top-left {
		left: 0px;
	}
	
	.section-overview h1 {
		margin-top: 40px;
	}
	
	.forms .question-top-right {
		right: 0px;
    top: -72px;
    width: 130px;
	}
	
	.results .forms h1 {
		font-size: 30px;
		line-height: 34px;
	}
	
	.forms {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.form-bottom-left {
		width: 180px;
		bottom: -118px;
		left: -20px;
	}
	
	.results .puffar {
		padding-top: 160px;
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.results .share {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.footer-bottom-left {
		width: 200px;
		left: 20px;
	}
	
	.start .popup h1 {
		margin-top: 0px;
	}
	
	.diskus {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.diskus h1 {
		font-size: 30px;
		line-height: 34px;
	}
	
	.intro .top-back {
		top: 48px;
		left: 130px;
	}
	
}

@media(max-width:767px) {
	.inner-wrapper {
		width: 100%;
	}
	
	.start .logo,
	.results .entrance .logo {
		top: 20px;
		width: 90px;
	}
	
	.start-bottom-left {
		width: 100px;
	}
	
	.start-top-right {
		width: 180px;
	}
	
	.start h1 {
		margin-top: 140px;
	}
	
	.btn-start {
	  margin-bottom: 0px;
	}

	.eu-logo-start {
	  margin-bottom: 140px;
	}
	
	.start .inputs {
		padding: 0px;
	}
	
	.question-top-left {
    width: 160px;
	}
	
	.next-top-right {
    width: 140px;
    top: -66.5px;
	}
	
	.overview p.overview-p {
		width: 100%;
	}
	
	.section-overview p.overview-p {
		width: 55%;
	}
	
	.results .forms input {
		width: 100%;
	}
	
	.results .forms form:last-of-type button {
		margin-bottom: 140px;
	}
	
	.results .share h1 {
		font-size: 30px;
		line-height: 34px;
	}
	
	.results .puffar .puff {
		width: 100%;
		padding: 0px;
		margin-bottom: 30px;
	}
	
	.results .puffar .puff:first-of-type {
		padding-right: 0px;
	}
	
	.results .puffar .puff:last-of-type {
		padding-left: 0px;
		margin-bottom: 0px;
	}
	
	.results .footer .logo,
	.btn-restart {
		margin-top: 150px;
		margin-bottom: 150px;
	}
	
	.popup .popup-inner {
		width: 100%;
		padding-top: 50px;
		padding-bottom: 50px;
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.popup h1 {
    font-size: 30px;
    line-height: 34px;
	}
	
	.intro .top-back {
		display: none;
	}
	
	.form-results-partner:last-of-type {
		margin-bottom: 120px;
	}
}

@media(max-width: 355px) {
	.popup {
		overflow-y: scroll;
		background: #fff;
	}
}