@media (min-width:540px) {
	/*---------------------------------------------*/

	body {
		min-width: 1500px;
		padding-top: 128px;
	}

	/*---------------------------------------------*/

	body > .grid {
		margin-left: 50%;
		transform: translateX(-50%);
	}

	/*---------------------------------------------*/

	#header .grid {
		height: 128px;
	}

	.main-menu {
		grid-column: 7/13;
		vertical-align: middle;
		text-align: right;
	}

	.main-menu .mobile-only {
		display: none;
	}

	.main-menu li {
		display: inline-block;
	}

	.main-menu li+li {
		margin-left: 72px;
	}

	/*---------------------------------------------*/

	#hero {
		padding-bottom: 80px;
		overflow: hidden;
	}

	#hero .decoration.left {
		right: calc(100% - 325px);
		bottom: 88px;
	}

	#hero .decoration.right {
		left: calc(100% - 294px);
		bottom: 102px;
	}

	#hero h1, #hero h2, #hero h4 {
		grid-column: 2/12;
	}

	#hero h1 {
		grid-row: 1;
		margin-top: 85px;
	}

	#hero h2 {
		grid-row: 2;
		margin-top: 40px;
	}

	#hero h4 {
		margin-top: 25px;
		text-align: center;
	}

	#hero .grid > a, #hero .grid > button {
		grid-column: 4/7;
		margin-top: 43px;
	}
	
	#hero a.secondary {
		grid-column: 7/10;
	}

	/*---------------------------------------------*/

	#features {
		min-height: 840px;
		padding-top: 128px;
	}

	#features h1 {
		grid-column: 2/7;
		margin-top: 62px;
		text-align: left;
	}

	#features .feature {
		width: 350px;
		box-sizing: border-box;
		background: #f3f4f9;
		padding: 21px 32px 26px 32px;
		position: absolute;
		transition: outline-color .05s, box-shadow .05s;
		outline: 6px solid transparent;
		text-align: left;
	}
	
	#features .feature:hover {
		box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.25);
	}

	#features .feature-setup:hover {	outline-color: #38566d !important; }
	#features .feature-templates:hover { outline-color: #3ee5b3 !important; }
	#features .feature-settings:hover {	outline-color: #2962ff !important; }
	#features .feature-multilingual:hover { outline-color: #39d0ff !important; }
	#features .feature-text:hover { outline-color: #fbdb28 !important; }

	#features .decoration {
		right: 0;
		top: 0;
		transform: translateX(50%) translateY(-50%);
	}

	#features .feature-text {
		top: 48px;
		right: 157px;
	}
	
	#features .feature-text .decoration {
		top: -4px;
		right: 18px;
	}

	#features .feature-setup {	
		top: 184px; 
		left: 190px;
	}
	
	#features .feature-setup .decoration {	
		right: 46px;
	}

	#features .feature-templates {
		top: 376px;
		left: 0;
	}
	
	#features .feature-templates .decoration {
		top: 6px;
	}

	#features .feature-settings {	
		top: 264px;
		right: 0;
	}
	
	#features .feature-multilingual {
		top: 448px; 
		left: 411px;
	}
	
	#features .feature-multilingual .decoration {
		top: 5px;
		right: 30px;
	}

	/*---------------------------------------------*/

	#platforms {
		padding: 71px 0 80px 0;
	}

	#platforms h1 {
		grid-column: 2/12;
	}

	#platforms h4 {
		grid-column: 2/12;
		margin-top: 22px;
		margin-bottom: 64px;
	}

	#platforms .platform {
		grid-column: span 4;
		text-align: center;
		background: white;
		padding: 16px 30px 24px 30px;
		align-items: center;
		position: relative;
	}

	#platforms .platform img.logo {
		height: 64px;
		margin-bottom: 16px;
	}

	#platforms .platform .button {
		margin-top: 18px;
	}
	
	#platforms .platform button {
		font-size: 16px;
		width: 120px;
	}
	
	#platforms .platform .content {
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translateX(-50%) translateY(-50%);
	}

	#platforms .platform:nth-of-type(1) {
		grid-row: span 2;
	}

	#platforms .platform:nth-of-type(4),
	#platforms .platform:nth-of-type(5) {
		margin-top: 32px;
	}
	
	#platforms .platform.big .content {
		top: 44%;
		width: 72%;
	}

	#platforms .platform.big h2 {
		margin-bottom: 28px;
	}

	#platforms .platform.big .button {
		margin-top: 33px;
	}

	#platforms .platform.big .decoration.left {
		bottom: 40px;
		left: 25px;
	}
	
	#platforms .platform.big .decoration.right {
		bottom: 40px;
    	right: 25px;
	}
	
	/*---------------------------------------------*/

	#integration {
		padding-top: 57px;
		padding-bottom: 80px;
	}

	#integration h1 {
		grid-column: 1/8;
		text-align: left;
	}

	#integration h4 {
		grid-column: 1/7;
		margin-top: 17px;
		text-align: left;
		font-size: 16px;
	  	line-height: 1.5;
	}

	#integration a {
		grid-column: 1/4;
		margin-top: 38px;
	}

	#integration .platforms-cloud {
		grid-row: 1/4;
		grid-column: 8;
	}
		
	#integration .decoration.top {
		bottom: calc(100% - 50px);
	}

	#integration .decoration.bottom {
		top: calc(100% - 16px);
	}

	/*---------------------------------------------*/

	#templates {
		margin-top: 195px;
	}

	#templates h1,
	#templates h4 {
		text-align: left;
	}

	#templates h1,
	#templates h4 {
		grid-column: 8/-1;
	}

	#templates a {
		grid-column: 8/span 2;
		margin-top: 42px;
		width: 120%;
	}

	#templates h4 {
		margin-top: 25px;
	}

	#templates .slider {
		grid-row: 1/5;
		grid-column: 1/7;
		margin-top: 20px;
	}

	#templates .slider .slide.next {
		/* z-index: -1;
		display: inline-block;
		transform: translateX(30%) scale(0.7); */
	}

	#templates .slider .slides img {
		width: 350px;
	}

	#templates .slider .arrow.go-prev {
		left: -30px;
	}

	#templates .slider .arrow.go-next {
		right: -30px;
	}

	#templates button {
		padding: 0 16px;
	}

	/*---------------------------------------------*/

	#testimonials {
		margin-top: 216px;
		padding-bottom: 136px;
	}

	#testimonials h1 {
		grid-column: 2/12;
	}

	#testimonials .decoration.left {
		left: -65px;
		top: -65px;
	}
	
	#testimonials .decoration.right {
		right: -65px;
		top: -65px;
	}
	
	#testimonials .slider {
		grid-column: 3/-3;
		margin-top: 46px;
	}
	
	#testimonials .slides {
		width: 100%;
	}

	#testimonials .slide {
		width: 100%;
	}

	#testimonials .testimonial {
		padding: 30px 93px;
		box-sizing: border-box;
		text-align: left;
	}

	#testimonials .testimonial .stars {
		margin-bottom: 12px;
	}

	#testimonials .author {
		margin-top: 50px;
	}

	#testimonials .slider .arrow {
		cursor: pointer;
	}
	
	#testimonials .slider .arrow.go-prev {
		left: -50px;
	}

	#testimonials .slider .arrow.go-next {
		right: -50px;
	}

	/*---------------------------------------------*/

	#pricing {
		padding-top: 104px;
		padding-bottom: 168px;
	}

	#pricing .decoration {
		z-index: -1;
		top: -32px;
		left: -70px;
	}

	#pricing h1,
	#pricing h4 {
		grid-column: 8/13;
		text-align: left;
	}

	#pricing h1 {
		margin-top: 28px;
	}
	
	#pricing h4 {
		margin-top: 19px;
		font-size: 16px;
	}

	#pricing button {
		grid-column: 8/span 2;
		margin-top: 34px;
	}

	#pricing .plans {
		white-space: nowrap;
		grid-column-end: span 6;
		grid-row: 1 / span 4;
	}

	#pricing .plan {
		width: 53%;
	}
	
	#pricing .plan.monthly {
		padding: 30px 0;
	}
	
	#pricing .plan.yearly {
		padding: 55px 0;
		margin-left: -30px;
	}
	
	#pricing .plan h2 {
		margin-bottom: 9px;
	}
	/*---------------------------------------------*/

	#cta {
		padding-top: 94px;
		padding-bottom: 72px;
	}

	#cta .decoration.right {
		top: -40px;
    	right: 0;
	}
	
	#cta .decoration.left {
		top: -40px;
		left: 20px;
	}
	
	#cta .content {
		grid-column: 2/12;
		text-align: center;
	}

	.CTA-Healine {
		font-size: 32px;
		font-weight: 600;
		line-height: 1.5;
	}

	#cta h3 {
		grid-column: 2/12;
		margin: 27px auto 35px auto;
		max-width: 28em;
	}

	#cta button {
		width: 236px;
	}

	/*---------------------------------------------*/

	#footer {
		padding: 44px 0 100px 0;
	}
	
	#footer .column.legal {
		grid-column: 8/span 2;
	}
	
	#footer .column.help {
		grid-column: 10/span 2;
	}
	
	#footer .column.social {
		grid-column: 12;
	}
	
	/*---------------------------------------------*/

	body#faq-page h1 {
		margin-top: 100px;
		margin-bottom: 54px;
	}

	body#faq-page:before {
		height: 512px;
	}
	
	.faq {
		padding: 32px;
		grid-column: 3/11;
	}

	.faq-contact .content {
		grid-column: 2/12;
		padding-top: 45px;
		padding-bottom: 40px;
	}

	.faq-contact .text {
		margin-top: 16px;
		margin-bottom: 23px;
	}

	/*---------------------------------------------*/

	body#contact-page h1 {
		margin-top: 100px;
	}
	
	body[id^=waitlist] h3,
	body#contact-page h3 {
		margin-top: 30px;
		margin-bottom: 74px;
		font-size: 20px;
		font-weight: 500;
		line-height: 1.6;
		color: #1d3a7a;
		text-align: center;
	}

	body[id^=waitlist]:before,
	body#contact-page:before {
		height: 512px;
	}
	
	body[id^=waitlist] .contact-form,
	body#contact-page .contact-form {
		padding: 32px;
		grid-column: 3/11;
	}

	body[id^=waitlist] .contact-form .content,
	body#contact-page .contact-form .content {
		grid-column: 2/12;
	}
	
	body#contact-page .content {
		padding-bottom: 224px;
	}
	
	body[id^=waitlist] h1.heading,
	body[id^=waitlist] h3.heading {
		grid-column: 4/10;
	}

	/*---------------------------------------------*/

	body[id^=waitlist] .content {
		margin-top: 20px;
		padding-bottom: 224px;
	}
	
	form .decoration.bottom.left {
		left: -80px;
	}
	
	form .decoration.top.left {
		left: -120px;
	}
	
	form .decoration.bottom.right {
		right: -90px;
	}

	form .decoration.top.right {
		right: -60px;
	}

	form .decoration.top {
		display: none;
		top: -40px;
	}

	form .decoration.bottom {
		bottom: -80px;
	}
	
	body#contact-page .decoration.top,
	body#waitlist-other-page .decoration.top {
		display: block;
	}

	/*---------------------------------------------*/

	body#templates-page:before {
		height: 600px;
	}
	
	body#templates-page h1 {
		grid-column: 1/-1;
		margin-top: 100px;
		margin-bottom: 28px;
	}

	body#templates-page .templates {
		padding-bottom: 200px;
		min-height: 800px;
	}
	
	body#templates-page .templates .grid:before {
		content: url(/img/templates_top_left.svg);
		position: absolute;
		left: -137px;
		top: -174px;
		z-index: -1;
	}
	
	body#templates-page .templates .grid:after {
		content: url(/img/templates_top_right.svg);
		position: absolute;
		right: -100px;
		top: -160px;
		z-index: -1;
	}
	
	body#templates-page .templates .grid {
		grid-row-gap: 64px;
	}

	body#templates-page .subtitle {
		grid-column: 3/11;
		text-align: center;
		font-size: 20px;
		font-weight: 500;
		margin-bottom: 100px;
		max-width: 730px;
	}

	body#templates-page .template {
		transform: translateY(50px);
		opacity: 0;
	}

	body#templates-page.loaded .template {
		transform: translateY(0);
		opacity: 1;
	}

	body#templates-page .template img {
		width: 350px;
	}

	body#templates-page .template:after {
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-color: rgba(0, 0, 0, 0.2);
		opacity: 0;
		transition: opacity .2s;
	}

	body#templates-page .template:hover:after {
		opacity: 1;
	}

	body#templates-page .template .footer {
		position: absolute;
		right: 0;
		bottom: 0;
		left: 0;
		padding: 16px;
		background: #fbfbfd;
		text-align: center;
		z-index: 1;
		transform: translateY(100%);
		transition: transform .3s .2s;
	}

	body#templates-page .template:hover .footer {
		display: inline-block;
		transform: translateY(0);
		transition: transform .3s;
	}

	body#templates-page .template button {
		width: 120px;
		font-size: 14px;
	}
	
	body#templates-page .section .decoration {
		top: calc(100% - 103px);
	}

	/*---------------------------------------------*/

	form {
		grid-column: 3/11;
		padding: 56px 126px 72px 126px;
	}

	form .thank-you {
		padding: 55px 85px;
	}

	form .thank-you .decoration {
		top: -68px;
	}

	/*---------------------------------------------*/
}