/**
 * Media
 */
@media only screen and (max-width:1600px){
	.advantages,
	.two-columns{
		margin-left:0;
		margin-right:0;
	}
}
@media only screen and (max-width:1170px){
	
}
@media only screen and (max-width:1080px){
	/* text elements */
	h1{
		font-size:32px;
	}
	h2{
		font-size:26px;
	}
	h3,
	header{
		font-size:20px;
	}
	h4{
		font-size:18px;
	}
	h5,
	h6,
	p{
		font-size:14px;
	}
	input[type="submit"],
	button,
	.button{
		justify-content:flex-start;
		padding:15px 15px;
		font-size:24px;
		/*letter-spacing:-0.05em;*/
	}
	button span,
	.button span{
		white-space:nowrap;
	}
	button span i,
	.button span i{
		line-height:1em;
		margin:4px 0 0;
	}
	input[type^="te"],
	input[type="email"],
	input[type="url"],
	input[type="number"],
	textarea,
	select{
		height:auto;
		padding:9px 15px;
		font-size:20px;
		line-height:1em;
		letter-spacing:-0.02em;
	}
	
	#header{
		align-items:center;
		padding:15px 0;
		column-gap:10px;
	}
	#header .logo{
		height:50px;
		min-width:45vw;
		max-width:45vw;
	}
	#header .logo a > *{
		height:100%;
		width:calc(320 / 72  * 50px);
		max-width:100%;
	}
	#header .logo a img{
		object-fit:contain;
	}
	#header ul li{
		display:none;
	}
	#header ul{
		height:40px;
		width:1px;
		background:#D9D9D9;
	}
	#header .mobile{
		display:block;
	}
	#header .button.mobile{
		display:inline-flex;
	}
	#step-line{
		padding:20px;
	}
	#steps h2{
		font-size:26px;
	}
	#steps h4{
		font-size:18px;
	}
	#steps h5{
		font-size:20px;
	}
	#steps input[type="submit"],
	#steps button,
	#steps .button{
		padding:15px 15px;
		font-size:24px;
		/*letter-spacing:-0.05em;*/
	}
	#steps .link{
		padding:15px 15px;
		font-size:18px;
		letter-spacing:-0.05em;
	}
	#steps .radiobuttons input{
		height:100px;
		font-size:22px;
	}
	#steps input[type^="te"],
	#steps input[type="email"],
	#steps input[type="url"],
	#steps input[type="number"],
	#steps textarea,
	#steps select{
		height:auto;
		padding:9px 15px;
		font-size:20px;
		line-height:1em;
		letter-spacing:-0.02em;
	}
	#steps .button.large{
		padding:15px 20px;
		column-gap:12px;
		font-size:30px;
	}
	#steps .step-icons{
		padding-bottom:60px;
	}
	#steps .step-icons span:after{
		font-size:20px;
	}
	#finish .buttons + h5{
		margin-top:20px;
	}
	[id$="-popup"] > div{
		padding:20px 30px;
	}
	[id$="-popup"] h2{
		font-size:26px;
	}
	[id$="-popup"] figcaption{
		font-size:20px;
	}
	[id$="-popup"] h4{
		font-size:21px;
	}
	#exit_intent-popup .button.large{
		padding:15px 20px;
		column-gap:12px;
		font-size:30px;
	}
}
@media only screen and (max-width:920px){
	
}
@media only screen and (max-width:840px){
	
}
@media only screen and (max-width:768px){
	
}
@media only screen and (max-width:620px){
	#steps section{
		padding:30px 20px;
		border-right:10px;
	}
	#steps .radiobuttons input{
		width:100%;
	}
	#finish h2,
	#finish h4{
		margin-left:0;
		margin-right:0;
	}
	#steps .step-icons{
		width:auto;
		margin-left:1em;
		margin-right:1em;
	}
	#steps .step-icons span{
		width:40px;
		height:40px;
	}
	#steps .step-icons span:after{
		margin-top:16px;
		margin-left:-10px;
		margin-right:-10px;
		font-size:16px;
	}
	#steps .step-icons span > *{
		display:block;
		max-width:100%;
		max-height:100%;
	}
	#steps .button.large {
		padding:10px 10px;
		column-gap:6px;
		font-size:22px;
	}
	#steps .button.large span i {
		font-size:12px;
	}
	#exit_intent-popup .button.large{
				width:100%;
		padding:10px 10px;
		column-gap:6px;
		font-size:22px;
	}
	#exit_intent-popup .button.large span{
		font:inherit;
	}
	#exit_intent-popup .button.large span i {
		font-size:12px;
	}
	
	#copyright {
		margin-left:0;
		margin-right:0;
		font-size:16px;
	}
	[id$="-popup"]{
		padding:15px;
	}
	#steps .acceptance p{
		height:200px;
		overflow:auto;
	}
}
@media only screen and (max-width:420px){
	
}
@media only screen and (max-width:376px){
	
}