@media (max-width: 980px) and (pointer: coarse) and (hover: none) {

/* HOME */

	#fullpage {
	
		#menu {
			top: 0;
			padding-top: 140px;
			}
		.menuToggle span {
			position: relative;
			display: block;
			width: 66px;
			height: 6px;
			margin-bottom: 10px;
			transform-origin: 8px 0px;
			}	
		.menuToggle input:checked ~ span {
			transform: rotate(45deg) translate(-5px, -5px);		 
			}
		.menuToggle input {
			width: 90px;
			height: 55px;
			} 
		#menu li {
			border-radius: 16px;
			}	
		#menu li a,
		#menu li.active a {
			font-size: 2.1rem;
			padding: 12px 30px;
			border-radius: 16px;
			}
		h1 {
			font-size: 3.6rem;
			}	
		.section-title {
			top: -20px;
			left: 120px;
			font-size: 2.9rem;
			}
		.content-section {
			padding: 0 0 30px 0;
			}	
		.content-section .title {
			font-size: 2.7rem;
			margin: 0 0 12px 0;
			}	
		.download-section .title {
			font-size: 2.2rem;
			}	
		.content-section .desc {
			font-size: 1.9rem;
			padding-right: 30px;
			line-height: 140%;
			}	
		.content-section .desc p {
			line-height: 140%;
			}	
		.download-section .label {
			font-size: 2.1rem;
			}			
		.download-section .format {
			font-size: 1.7rem;
			}	
		.download-section .file a {
			font-size: 1.9rem;
			padding: 16px 22px 18px 70px;
			border-radius: 15px;
			}	
		.download-section ul {
			padding: 40px;
			width: 100%;
			}	
		.download-section li {
			grid-gap: 5px;
			}	
		.download-section .file a:before {
			width: 50px;
			height: 30px;
			background-size: 40px 60px;
			background-position: 10px -30px;
			}	
		.download-section .file a:before:hover {
			width: 50px;
			height: 30px;
			background-size: 40px 60px;
			background-position: 10px 0;
			}		
		#section1 .fp-overflow,
		#section2 .fp-overflow,
		#section3 .fp-overflow,
		#section4 .fp-overflow,
		#section5 .fp-overflow,
		#section6 .fp-overflow,
		#section7 .fp-overflow,
		#section8 .fp-overflow,
		#section9 .fp-overflow,
		#section10 .fp-overflow {
			width: 100dvw;
			position: absolute;
			top: calc(50% + 50px);
			transform: translateY(-50%);
			}	
		/* SECTION 5 IS COLORS */
			
		#section5 .fp-overflow {
			width: 100dvw;
			margin-left: -80px;
			top: calc(50% + 30px);
			}
		#section7 .fp-overflow {
			width: 100dvw;
			margin-left: -80px;
			top: 50%;
			margin-top: 0;
			}
		.my-arrow{
			font-size: 6em;
			}			
		.section:before {
			top: 45px;
			left: 160px;
			font-size: 2.4rem;
			}
		.section#section0 .get-started,
		.section#section0 .valuation-calc {
			font-size: 2.4rem;
			}			
		.fp-table {
			padding: 0 80px 0 80px;
			justify-content: center;
			}	
		#fp-nav {
			zoom: 1.3;
			}	
		.logomark {
			margin: 0 0 20px 0;
			}	
		.logomark img {
			width: 35%;
			}			
		.full-logo {
			width: 100%;
			margin: 0 0 60px 0;
			display: flex;
			}
		.color-pallete-container {
			height: 60vh;
			}	
		.color-pallete-container ul {
			padding: 30px 90px 30px 60px;
			grid-column-gap: 20px;
			}	
		.color-pallete-container li {
			grid-gap: 5px;
			}
		.color-pallete-container li.name {
			font-size: 2.1rem;
			/* text-shadow: 2px 2px 40px #000000; */
			}	
		.color-pallete-container li.hex,
		.color-pallete-container li.rgb,
		.color-pallete-container li.hsl {
			font-size: 1.5rem;
			/* text-shadow: 2px 2px 30px #00000090; */
			}	
		.typeface-display {
			width: 50%;
			}	
		.columns-2 {
			width: 95%;
			grid-template-rows: auto auto;
			grid-template-columns: 1fr;
			}	
		.columns-2 .clearspace-display:first-child img {
			width: 60%;
			}	
		.columns-print {
		grid-template-columns: max-content;
		grid-gap: 10px;
		}		
		#section10 .clearspace-display {
			display: none;
			}		
		.allowed,	
		.not-allowed {
			padding: 20px;	
			}
		.allowed img,
		.not-allowed img {	
			height: 55px;
			}
		.allowed img.mark,
		.not-allowed img.mark {
			height: 70px;
			}	
		.download-section .note {
			font-weight: 300;
			font-size: 1.6rem;
			}	
		.slide .copy {
			font-size: 1.9rem;
			top: 0;
			padding-top: 50px;
			padding-bottom: 50px;
			}	
		.slide .copy {
			padding-left: 50px;
			padding-right: 50px;
			}	
		.slide .copy li {
			padding: 0 0 10px 0;
			}	
		.helse,
		.color-primary,
		.hygge-red {
			border-radius: 10px;
			}	
		}

	}