/* New typography */

body h1, 
body h2, 
body h3, 
body h4, 
body h5, 
body h6 {
	 font-family: 'Roboto', sans-serif !important;
	 font-weight: 900;
}

.basictext p span.large {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
}

body .knockout-text h1,
.basictext h1 {
	font-weight: 900;
}

body .knockout-text h1 {
	font-size: 78px;
}

body .knockout-text p {
	font-size: 24px;
	max-width: 800px;
}

body h1,
.basictext h1 {
	font-size: 54px;
	line-height: 1.1em;
	margin: 0 0 20px;
}

body h2,
.basictext h2 {
	font-size: 48px;
	line-height: 1.1em;
}

body h3, 
body .basictext h3,
.basicslider .basicslider-slide.text-side .basicslider-content h3  {
	font-size: 42px;
	line-height: 1.1em;
	font-weight: 600;
}

body .how-it-works-title h3 {
 	font-family: 'Roboto';
 	font-size: 18px;
 	font-weight: normal;
 	margin: 0 0 30px;
}

body h4 {
	font-size: 35px;
	line-height: 1.2em;
	font-weight: 600;
}

body h5 {
	font-size: 28px;
	line-height: 1.2em;
	font-weight: 600;
}

body h6 {
	font-size: 18px;
	line-height: 1.2em;
	font-weight: 600;
}

body .gt-signup-info h3 {
	font-size: 48px;
}

a.button, span.button {
	 position: relative;
	 font-family: 'Oswald', sans-serif;
	 display: inline-block;
	 width: auto;
	 height: auto;
	 border-radius: 0;
	 margin: 0 18px 0 0;
	 text-transform: none;
	 text-align: center;
	 font-size: 15px;
	 font-weight: 500;
	  letter-spacing: 0.02em;
	 text-transform: uppercase;
	 color: #75B8B2;
	 background: transparent;
	 border-bottom: 2px solid transparent;
	 cursor: pointer;
	 transition: all 0.225s ease;
	 -webkit-transition: all 0.225s ease;
}

a.button:after, span.button:after {
	 content: "";
	 position: absolute;
	 right: -18px;
	 top: 0px;
	 height: 100%;
	 width: 10px;
	 background-image: url(assets/arrow-right-blue.svg);
	 opacity: 0.6;
	 background-size: contain;
	 background-repeat: no-repeat;
	 background-position: center;
	 transition: all 0.225s ease;
	 -webkit-transition: all 0.225s ease;
}

a.button:hover:after, span.button:hover:after {
	 background-image: url(assets/arrow-right.svg); 
	 opacity: 1;
}

a.button:hover, span.button:hover {
	 color: var(--mainyellow);
	 background: none;
	 text-decoration: none;
	 border-bottom: 2px solid var(--mainyellow);
}

a.button.button-large, span.button.button-large {
	background: var(--maingreen);
	margin: 15px 0 0;
	padding: 10px 16px;
	color: white;
}

a.button.button-large:after, span.button.button-large:after {
	content: none;
}	

a.button.button-large:hover, span.button.button-large:hover {
	background: var(--mainyellow);
	border-bottom: 2px solid transparent;
}

@media screen and (max-width: 1200px) {
	body .knockout-text h1,
	.basictext h1 {
		font-weight: 900;
	}
	
	body h1,
	.basictext h1 {
		font-size: 48px;
		line-height: 1.1em;
	}
	
	body .knockout-text h1 {
		font-size: 64px;
	}
	
	body h2,
	.basictext h2 {
		font-size: 44px;
		line-height: 1.1em;
	}
	
	body h3, 
	body .basictext h3,
	.basicslider .basicslider-slide.text-side .basicslider-content h3  {
		font-size: 35px;
		line-height: 1.1em;
		font-weight: 600;
	}
	
	body .how-it-works-title h3 {
		 font-family: 'Roboto';
		 font-size: 18px;
		 font-weight: normal;
		 margin: 0 0 30px;
	}
	
	body h4 {
		font-size: 28px;
		line-height: 1.2em;
		font-weight: 600;
	}
	
	body h5 {
		font-size: 22px;
		line-height: 1.2em;
		font-weight: 600;
	}
	
	body h6 {
		font-size: 18px;
		line-height: 1.2em;
		font-weight: 600;
	}
	
	body .gt-signup-info h3 {
		font-size: 35px;
	}
	
	body .knockout-text h1 {
		font-size: 64px;
	}
	
	body .knockout-text p {
		font-size: 28px;
		max-width: 850px;
	}
}

@media screen and (max-width: 800px) {
	body .knockout-text h1,
	.basictext h1 {
		font-weight: 900;
	}
	
	body h1,
	.basictext h1 {
		font-size: 42px;
		line-height: 1.1em;
	}
	
	body .knockout-text h1 {
		font-size: 42px;
	}
	
	body .knockout-text p {
		font-size: 20px;
		max-width: 800px;
	}
	
	body h2,
	.basictext h2 {
		font-size: 38px;
		line-height: 1.1em;
	}
	
	body h3, 
	body .basictext h3,
	.basicslider .basicslider-slide.text-side .basicslider-content h3  {
		font-size: 30px;
		line-height: 1.1em;
		font-weight: 600;
	}
	
	body .how-it-works-title h3 {
		 font-family: 'Roboto';
		 font-size: 18px;
		 font-weight: normal;
		 margin: 0 0 30px;
	}
	
	body h4 {
		font-size: 24px;
		line-height: 1.2em;
		font-weight: 600;
	}
	
	body h5 {
		font-size: 18px;
		line-height: 1.2em;
		font-weight: 600;
	}
	
	body h6 {
		font-size: 16px;
		line-height: 1.2em;
		font-weight: 600;
	}
	
	body .gt-signup-info h3 {
		font-size: 35px;
	}
}