.show_1024,
.show_768 { display:none!important; }

@media screen and (max-width: 1440px){

	.wrapper { padding-left:100px; padding-right:100px; }

	/* home */
	#home .hero .text.akt { width:880px; right:-200px; }
	#home .hero .text.re { width:518px; left:-100px; }
	#home .hero .tagline { width:220px; top:20px; left:450px; white-space:normal; line-height:1.6; }
	#home .hero .tagline:after { display:block; position:absolute; left:90%; top:50%; }

}

@media screen and (max-width: 1200px){
	
	.wrapper { padding-left:70px; padding-right:70px; }

	/* home */
	#home .hero .desc p { margin-bottom:50px; max-width:300px; }
	#home .reel .inner { max-width:900px; }
	#home .reel .video_wrapper .button { font-size: 100px; }

	/* about */
	#about .hero .title { font-size: 90px; }
	#about .hero .desc { font-size: 30px; }
	#about .intro { padding: 100px 0; }
	#about .intro .text  { margin-bottom: 150px; }
	#about .storytelling { padding: 350px 0 200px; }
	#about .mission .desc { font-size: 30px; }

	/* services */
	#services .hero .title { font-size: 90px; }
	#services .hero .desc { font-size: 30px; }
	#services .section .flex:before { display: none; }
	#services .section.section-digital { padding-bottom: 0; padding-top: 80px; }
	#services .section.section-digital .flex { align-items: center; }
	#services .section.section-digital .image { top: 50px; padding-left: 80px; }
	#services .section.section-digital .list { padding-right: 0; }
	#services .section.section-branding .list { padding-left: 80px; }
	#services .section.section-content { padding-top: 50px; padding-bottom: 50px; }
	#services .section.section-content .image { padding-left: 80px; top: -150px; }
	#services .section.section-content .list { padding-right: 0; }

	/* team */
	#team .hero .title { font-size: 90px; }
	#team .hero .desc { font-size: 30px; }
}

@media screen and (max-width: 1024px){
		
	.hide_1024 { display:none!important; }
	.show_1024 { display:block!important; }
    
	.wrapper { padding-left:30px; padding-right:30px; }

	.outline-text span { -webkit-text-stroke: 1px white; }
	
	/* footer */
	#footer { padding-top:80px; }
	#footer .flex { width:200px; margin:0 auto 50px; }
	#footer .flex .item.social { padding-right:0; opacity:0.5; }
	#footer p { text-align:center; }
	#footer .copyright { margin-top:50px; text-align:center; }
	#footer img { display:block; width:80%; max-width:300px; margin:0 auto 30px; }

	/* nav */
	#nav ul { max-width:500px; }
	#nav li { margin-bottom:30px; }
	#nav li .link { height: 60px; }

	/* #nav li .link.link-work { width:172px; }
	#nav li .link.link-about { width:290px; }
	#nav li .link.link-purpose { width:400px; }
	#nav li .link.link-contact { width:270px; } */

	/* home */
	#home .hero .wrapper { padding-top:50px; padding-bottom:50px; }
	#home .hero .inner { height:600px; }
	#home .hero .tagline { top:-30px; left:50%; }
	#home .hero .text.re { width:324px; left:-55px; }
	#home .hero .text.akt { width:550px; right:-50px; }
	#home .hero .image { width:500px; bottom:-50px; right:-100px; }
	#home .hero .desc.show_1024 { width:90%; margin:100px auto 0; position:relative; bottom:auto; left:auto; }
	#home .reel { padding:80px 0; }
	#home .reel .inner { width:90%; }
	#home .reel .text { font-size:8px; }
	#home .reel .text.text-left { margin-top:50px; }
	#home .reel .text.text-right { margin-top:-67px; }
	#home .reel .video_wrapper .button { font-size: 60px; }
	#home .projects { padding:80px 0 30px; }
	#home .projects h2 { margin-bottom:50px; }
	#home .projects .flex { display:block; margin-bottom:0; }
	#home .projects .flex .item { width:90%!important; padding:0!important; margin:0 auto 50px; }
	#home .projects .flex .item.width-two-thirds .project { display:block; width:100%; }
	#home .inspire { padding:200px 0; }
	#home .inspire .inner { width:90%; }
	#home .inspire .text { top:-40px; }
	#home .inspire h2 { margin-bottom:50px; }
	#home .inspire .cols .col { width:80%; margin-top:50px; float:none; }
	#home .inspire .cols .col.three-fourths { float:right; }

	/* about */
	#about .hero .wrapper { padding-top: 50px; padding-bottom: 100px; }
	#about .hero .inner { padding-top: 0; }
	#about .hero .title { font-size: 60px; }
	#about .hero .title .line-1 { padding-left: 10%; }
	#about .hero .title .line-2 { text-align: right; }
	#about .hero .title .line-3 { padding-left: 0; }
	#about .hero .desc { margin-top: 30px; padding-left: 0; font-size: 20px; }
	#about .hero .desc img { display: none; }
	#about .intro { padding: 60px 0; }
	#about .intro .text { margin-bottom: 100px; margin-left: 0; max-width: 500px; }
	#about .connect .flex { display: block; }
	#about .connect .flex .item { width: 100%; max-width: 600px; }
	#about .connect img { width: 100%; top: -30px; }
	#about .compassion { padding: 60px 0; }
	#about .compassion .flex { display: block; }
	#about .compassion:before { display: none; }
	#about .compassion .flex .item:first-child,
	#about .compassion .flex .item:last-child { width: 100%; max-width: 600px; padding: 0; }
	#about .compassion .image { width: 100%; margin-bottom: 60px; }
	#about .compassion .image .vertical { left: 40%; } 
	#about .compassion h2 { font-size: 30px; margin-bottom: 20px; }
	#about .reakt .flex { display: block; }
	#about .reakt .flex .item { width: 100%; }
	#about .reakt .flex .item:first-child { width: 100%; max-width: 600px; padding-top: 20px; padding-bottom: 60px; }
	#about .storytelling { padding: 400px 0 100px; }
	#about .storytelling .image { position: absolute; top: 200px; right: 30px; }
	#about .mission { padding: 0 0 100px; }
	#about .mission .image { top: -80px; }
	#about .mission .flex { display: block; }
	#about .mission .flex .item:first-child,
	#about .mission .flex .item:last-child { width: 100%; }
	#about .mission h2 { margin-bottom: 30px; }
	#about .mission .desc { margin-top: 50px; font-size: 20px; }
	
	/* services */
	#services .hero .wrapper { padding-top: 50px; }
	#services .hero .title { font-size: 60px; }
	#services .hero .desc { max-width: 600px; padding-left: 0; font-size: 20px; }
	#services .section .flex { display: block; }
	#services .section .flex .item { width: 100%; }
	#services .section .flex .item .text-right { text-align: center; }
	#services .section .flex .item p { font-size: 18px; line-height: 27px; margin-top: 15px; }
	#services .section .image { max-width: 280px; margin: 30px 0 50px; }
	#services .section.section-digital { padding-bottom: 90px; }
	#services .section.section-digital .image { top: auto; padding-left: 0; margin-bottom: -170px; margin-top: 50px; margin-left: auto; margin-right: auto;}
	#services .section.section-branding .vertical { top: auto; }
	#services .section.section-branding .image { top: auto; }
	#services .section.section-branding .list { padding-left: 0; }
	#services .section.section-branding { padding: 150px 0 50px; margin-top: 0; }
	#services .section.section-content .image { padding-left: 0; top: auto; }
	#services .section .list .title { font-size: 16px; }
	#services .section .list ul li { font-size: 18px; }
	#services .section-digital + .section.section-text { padding-top: 150px; }
	#services .section .vertical { display: none; }
	#services .section.section-branding.last { padding-top: 50px; }

	/* team */
	#team .hero .wrapper { padding: 100px 30px 120px; }
	#team .hero .title { font-size: 60px; }
	#team .hero .desc { max-width: 600px; padding-left: 0; font-size: 20px; }
	#team .hero .title .line-1,
	#team .hero .title .line-2 { text-align: center; }

	/* work: projects */
	#work .projects { padding:80px 0 30px; }
	#work .projects h2 { margin-bottom:50px; }
	#work .projects .flex { display:block; margin-bottom:0; }
	#work .projects .flex .item { width:90%!important; padding:0!important; margin:0 auto 50px; }
	#work .projects .flex .item.width-two-thirds .project { display:block; width:100%; }

	/* contact */
	#contact { padding: 80px 0 100px; }

	/* page */
	#page { padding: 80px 0 100px; }

}

@media screen and (max-width: 768px){

	html, body { position:relative; overflow-x:hidden; }
	
	.hide_768 { display:none!important; }
    .show_768 { display:block!important; }

	/* header */
	.logo a { width: 80px; height: 80px; }
	#nav li .link { height: 30px; }

	/* #nav li .link.link-work { width:124px; }
	#nav li .link.link-about { width:208px; }
	#nav li .link.link-purpose { width:288px; }
	#nav li .link.link-contact { width:194px; } */

	/* home */
	#home .hero .inner { height:430px; }
	#home .hero .text.re { width:260px; left:-45px; }
	#home .hero .text.akt { width:440px; right:-80px; }
	#home .hero .image { width:360px; right:-50px; }
	#home .hero .tagline { width:100px; font-size:20px; }
	#home .reel .text.text-left { left:-25px; }
	#home .reel .text.text-right { right:-25px; }
	#home .reel .video_wrapper .button { font-size: 40px; }
	#home .projects .flex .item { width:100%!important; }
	#home .inspire .inner { width:100%; }
	#home .inspire .cols .col { width:100%; }
	#home .inspire .cols .col.three-fourths { float:none; }
	#home .inspire .title { font-size:32px; }

	/* about */
	#about .hero .title { font-size: 40px; }
	#about .reakt .flex .item:first-child img { width: 180px; }

	/* services */
	#services .hero .title { font-size: 40px; }
	
	/* team */
	#team .hero .title { font-size: 40px; }

	/* work: projects */
	#work .projects .flex .item { width:100%!important; }

	/* page */
	#page { padding: 130px 0 60px; }
	#page h1 { font-size: 36px; }
	
	/* page: contact */
	#page.contact p br { display: none; }
	#page.contact .formwrap .floatleft,
	#page.contact .formwrap .floatright { width: 100%; float: none; padding: 0; }
	#home .areas {padding: 25px 0;}
	#home .areas-items .owl-item {font-size: 14px;}
	#home .areas-items {max-width: 300px;}
	#home .areas-title {font-size: 18px;}
}

@media screen and (max-width: 480px) {

	.outline-text span { -webkit-text-stroke: 0.5px white; }

	/* page: contact */
	#page.contact .formwrap input[type='submit'].button { min-width: 0; width: 100%; }
	#home .areas-items { max-width: 250px;}
}