	/*===============================
	1. COMMON STYLES
	===============================*/


	/* 1.1 Resets */
	body,
	figure {
		margin: 0;
	}

	body {
		color: #000;
		font-family: 'Lato', 'Helvetica Neue', sans-serif;
	}

	a {
		color: inherit;
		text-decoration: none;
	}

	a:focus {
		color:#05697b;
	}

	a:hover {
		color: #ab0456;
	}

	img{
		max-width: 100%;
	}


	.cf:before,
	.cf:after {
	    content: " "; /* 1 */
	    display: table; /* 2 */
	}

	.cf:after {
	    clear: both;
	}

	/**
	 * For IE 6/7 only
	 * Include this rule to trigger hasLayout and contain floats.
	 */
	.cf {
	    *zoom: 1;
	}



	/* 1.2 Helper Classes */
	.container{
		width: 80%;
		max-width: 960px;
		margin: 0 auto;
		position: relative;

	}


	#page_content  {
		min-height: 600px;
	}
	

	.col-6{
		width: 50%;
		float: left;
	}


	/*===============================
	2. SECTIONS
	===============================*/

	/* 2.1 Header */
	#site_header{
		width: 100%;
		background: rgba(0,0,0,0.44);
		box-sizing: border-box;
		position: fixed;
		z-index: 99;
		/* line-height: 120px; */
	}

	.logo {
	     display: block;	
	}
	#logo {
		width: 50%;
		padding: 10px;
	}

	.header_intro{
		position: absolute;
		margin-left: 69px;
		padding: 28px 28px 48px 28px;
	    top: 82px;
	    color: #FFF;
		font-family: 'lato', 'Helvetica Neue', sans-serif;
		font-size: 20px;
		text-transform: uppercase;
		border: 1px solid white;
	}

	#logo .circle{
		background: #ab0456;
		border-radius: 50%;
		width: 30px;
		height: 30px;
		float: left;
		margin-right: 15px;
		transition: height 0.3s linear 0s, width 0.3s  linear 0s, margin-top 0.3s  linear 0s;

	}

	#logo h1{
		margin: 0;
		color: #FFF;
		font-family: 'lato', 'Helvetica Neue', sans-serif;
		font-size: 25px;
		text-transform: uppercase;
 		transition: border-color 0s, font-size 0.3s ease-out;	
	}

	#site_nav {
		text-align: right;
		position: absolute;
		right: 20px;
		top:16px;
		font-family: 'lato', 'Helvetica Neue', sans-serif;
	}

	#site_nav:hover {
		transition: all .1s ease-in;
	}

	#site_nav ul {
		list-style: none;
		padding: 0;
		margin: 0;
	}

	#site_nav ul li {
		display: inline-block;

	}

	#site_nav ul li a {
		color: #FFF;
		font-family: 'lato', 'Helvetica Neue', sans-serif;
		text-transform: uppercase;
		padding-right: 15px;
		transition: border-color 0s, font-size 0.3s ease-out;	
		letter-spacing:1.1;
		font-size: 20px;
	}


	/* Shrink header styles */


	#site_header.shrinked_header h1 {
		font-size: 16px;
	}

	#site_header.shrinked_header .circle {
	    border-radius: 50%;
	    width: 19px;
	    height: 19px;
	    margin-top: -1px;
	}

	#site_header.shrinked_header #site_nav	{
		top:10px;
	}

	#site_header.shrinked_header #site_nav ul li a {
		font-size: 15px;
	}

	.hamburger {
		position: absolute;
		top: 0;
		right: 0;
		height: 44px;
		width: 40px;
		cursor: pointer;
		background:  url('../img/burger.png') no-repeat center center;
		display: none;
	}

	
	#site_nav ul li a:hover {
		color: #ab0456;
	}

	.push{
		height: 140px;
		width: 100%;
	}

	/* 2.2 Herosection */


	#herosection .container{
		display: flex;
		position: relative;
		align-items: center;
	}

	h1.tagline{
	  line-height: 1.5em;
	  color: #fff;
	  font-weight: normal;
	  margin:0 0 20px 0;
	}

	p.tagline {
		margin:0 0 28px 0;
	}

	.header-button {
		background: white;
		color:#05697b;
		padding: 10px;
		font-size: 25px;
		display: block;
		text-align: center;
	}

	a.header-button:hover {
		color: white;
		background-color: #17424c;
	}

	p  {
		font-size: 18px;
    	line-height: 1.7;
	}

	#herosection{
		background: #05697b;
		background-image: url('../img/home/goli_2.png');
		background-position: top center;
		height: 480px;
		background-repeat: no-repeat;
	}




	/*===============================
	3. CONTENT
	===============================*/

	/* 3.1 Portfolio */

	#portfolio h1 {
		color: #000;
		font-family: 'lato', 'Helvetica Neue', sans-serif;
		font-size: 44px;
		text-transform: uppercase;
		text-align: center;
		padding-top: 25px;
		
	}

	/* 3.2 Buttons */


	#button_links{
		text-align: center;
		padding-top: 30px;
	}

	#button_links ul {
		list-style: none;
		margin: 21px 0 0 0 ;
		padding: 0;
	}

	/* Button */

	#button_links ul li {
		display: inline-block;
		list-style: none;
		
	}

	#button_links ul li a {
	    display: inline-block;
	    margin: 14px 20px 38px 20px;
	    padding: 15px 26px 15px 20px;
	    color: #fff;
	    font-family: 'lato', 'Helvetica Neue', sans-serif;
	    font-size: 26px;
	    text-transform: uppercase;
	    transition: color .3s ease;
	    background: #17424c;
	    width: 320px;
	}

	#button_links ul li a:hover {
		color: #fff;
		background: #05697b;
	}

	#button_links.overview_buttons ul li a {
		width: 230px;
		font-size: 24px;
	}

	.row{
		margin-top: 100px;
	}


	/*===============================
	4. TEXTBOX
	===============================*/

	/* 4.1 text */

	#text_box {
	    width: 800px;
	    display: block;
	    margin: 0 auto 70px ;
	}




	/*===============================
	5. PORTFOLIO BOX
	===============================*/


	.portfoliobox {
		margin-bottom: 100px;
	}

	.portfoliobox>a {
		display: block;
		float: left;
		width: 25%;
		height: 250px;
		font-family: "lato" sans-serif;
	}

	.portfoliobox a> span {
		display: block;
	}

	.portfoliobox .portfoliobox_buttom_right_wrapper {
		float: left;
		width: 50%;
		height: 250px;
	}

	.portfoliobox_buttom_right_wrapper>a {
		display: block;
		float: left;
		width: 50%;
		height: 250px;
	}

	.portfoliobox_image_1  {
		background-image: url('../img/unterseite/radio.png');
		background-repeat: no-repeat;
		box-shadow: inset 0 0 0 1000px rgba(0,0,0,.3);
	}

	.portfoliobox_image_1:hover {
		-moz-box-shadow: none;
	    -webkit-box-shadow: none;
	    box-shadow: none;
	}

	.portfoliobox_image_2 {
		background-image: url('../img/unterseite/sso.png');
		background-repeat: no-repeat;
		box-shadow: inset 0 0 0 1000px rgba(0,0,0,.3);
	}

	.portfoliobox_image_2:hover {
		-moz-box-shadow: none;
	   -webkit-box-shadow: none;
	   box-shadow: none;
	}

	.portfoliobox_image_3 {
		background-image: url('../img/unterseite/ksta.png');
		background-repeat: no-repeat;
		box-shadow: inset 0 0 0 1000px rgba(0,0,0,.3);
	}

	.portfoliobox_image_3:hover {
		-moz-box-shadow: none;
	    -webkit-box-shadow: none;
	    box-shadow: none;
	}

	.portfoliobox_image_4 {
		background-image: url('../img/unterseite/tango.png');
		background-repeat: no-repeat;
		box-shadow: inset 0 0 0 1000px rgba(0,0,0,.3);
	}

	.portfoliobox_image_4:hover {
		-moz-box-shadow: none;
	    -webkit-box-shadow: none;
	    box-shadow: none;
	}

	.portfoliobox_image_5 {
		background-image: url('../img/unterseite/job.png');
		background-repeat: no-repeat;
		box-shadow: inset 0 0 0 1000px rgba(0,0,0,.3);
	}

	.portfoliobox_image_5:hover {
		-moz-box-shadow: none;
	    -webkit-box-shadow: none;
	    box-shadow: none;
	}

	.portfoliobox_white {
		background-color: white;
	}

	.portfoliobox_color {
		background-color: #0090a3;
	}

	.portfoliobox .portfoliobox_370 {
		background-color: #3e3e3e;
		color: white;
		width:50%;
		height: 500px;
	}

	.portfoliobox_text {
		padding: 20px;
		color: white;
		font-family: "lato",'Helvetica Neue',  sans-serif;
		line-height: 1.5em;
	}

	.portfoliobox_black_text {
		padding: 20px;
		color: white;
		font-size: 1.8em;
		font-family: "lato",'Helvetica Neue',  sans-serif;
		line-height: 1.5em;
	}


	/*===============================
	    GRAPHIC
	===============================*/

	.portfoliobox_image_6 {
		background-image: url('../img/unterseite_grafik/digital.png');
		background-repeat: no-repeat;
		box-shadow: inset 0 0 0 1000px rgba(0,0,0,.3);
	}

	.portfoliobox_image_6:hover {
		-moz-box-shadow: none;
	    -webkit-box-shadow: none;
	    box-shadow: none;
	}

	.portfoliobox_image_7 {
		background-image: url('../img/unterseite_grafik/frozen.png');
		background-repeat: no-repeat;
		box-shadow: inset 0 0 0 1000px rgba(0,0,0,.3);
	}

	.portfoliobox_image_7:hover {
		-moz-box-shadow: none;
	    -webkit-box-shadow: none;
	    box-shadow: none;
	}

	.portfoliobox_image_8 {
		background-image: url('../img/unterseite_grafik/dienstags.png');
		background-repeat: no-repeat;
		box-shadow: inset 0 0 0 1000px rgba(0,0,0,.3);
	}

	.portfoliobox_image_8:hover {
		-moz-box-shadow: none;
	    -webkit-box-shadow: none;
	    box-shadow: none;
	}

	.portfoliobox_image_9 {
		background-image: url('../img/unterseite_grafik/face.png');
		background-repeat: no-repeat;
		box-shadow: inset 0 0 0 1000px rgba(0,0,0,.3);
	}

	.portfoliobox_image_9:hover {
		-moz-box-shadow: none;
	    -webkit-box-shadow: none;
	    box-shadow: none;
	}

	.portfoliobox_image_10 {
		background-image: url('../img/unterseite_grafik/nassrin.png');
		background-repeat: no-repeat;
		box-shadow: inset 0 0 0 1000px rgba(0,0,0,.3);
	}

	.portfoliobox_image_10:hover {
		-moz-box-shadow: none;
	    -webkit-box-shadow: none;
	    box-shadow: none;
	}


	/*===============================
	 PRODUCT
	===============================*/

	.portfoliobox_image_11 {
		background-image: url('../img/unterseite_produkt/tee.png');
		background-repeat: no-repeat;
		box-shadow: inset 0 0 0 1000px rgba(0,0,0,.3);
	}

	.portfoliobox_image_11:hover {
		-moz-box-shadow: none;
	    -webkit-box-shadow: none;
	    box-shadow: none;
	}

	.portfoliobox_image_12 {
		background-image: url('../img/unterseite_produkt/perser.png');
		background-repeat: no-repeat;
		box-shadow: inset 0 0 0 1000px rgba(0,0,0,.3);
	}

	.portfoliobox_image_12:hover {
		-moz-box-shadow: none;
	    -webkit-box-shadow: none;
	    box-shadow: none;
	}

	.portfoliobox_image_13 {
		background-image: url('../img/unterseite_produkt/kermit.png');
		background-repeat: no-repeat;
		box-shadow: inset 0 0 0 1000px rgba(0,0,0,.3);
	}

	.portfoliobox_image_13:hover {
		-moz-box-shadow: none;
	    -webkit-box-shadow: none;
	    box-shadow: none;
	}

	.portfoliobox_image_14 {
		background-image: url('../img/unterseite_produkt/hafez.png');
		background-repeat: no-repeat;
		box-shadow: inset 0 0 0 1000px rgba(0,0,0,.3);
	}

	.portfoliobox_image_14:hover {
		-moz-box-shadow: none;
	    -webkit-box-shadow: none;
	    box-shadow: none;
	}

	.portfoliobox_image_15 {
		background-image: url('../img/unterseite_produkt/schablone.png');
		background-repeat: no-repeat;
		box-shadow: inset 0 0 0 1000px rgba(0,0,0,.3);
	}

	.portfoliobox_image_15:hover {
		-moz-box-shadow: none;
	    -webkit-box-shadow: none;
	    box-shadow: none;
	}






	/*===============================
	6. PROFESSION
	===============================*/

	#profession h2 {
		text-align: center;
		text-transform: uppercase;
		font-size: 44px;
		font-weight: normal;
		margin: 93px 0;

	}

	.sub_logo {
		position: relative;
		height: 130px;
		width: 800px;
	    display: block;
	    margin: 0 auto;
	   /*  background: transparent url('../img/icons/kreis.png') no-repeat center center;*/

	}

	.sub_logo:after {
		content: "";
		height: 1px;
		width: 100%;
		position: absolute;
		left:0;
		top:-50px;
		background: gray;
	    z-index: -1;  /* to be below the parent element */
	}

	.profession_block {
		width: 800px;
	    display: block;
	    margin: 0 auto;
	}

	.profession_block .block {
		width: 33.332%;
		float: left;
		height: 500px;
	}

	.profession_block p {
		padding: 20px;
		text-align: center;
	}

	.profession_block h3 {
			padding: 20px;
			text-align: center;
	}

	.profession_block .profession_icon {
		display: block;
		background-position: center center;
		background-repeat: no-repeat;
		height: 150px;
	}

	.logo_profession_icon {
		background-image: url('../img/icons/logo.png') 
	}

	.ux_profession_icon {
		background-image: url('../img/icons/ux.png') 
	}

	.web_profession_icon {
		background-image: url('../img/icons/web.png') 
	}

	.concept_profession_icon {
		background-image: url('../img/icons/concept.png') 
	}

	.storyboard_profession_icon {
		background-image: url('../img/icons/storyboard.png') 
	}

	.develop_profession_icon {
		background-image: url('../img/icons/develop.png') 
	}

	/*===============================
	7. CALL TO ACTION
	===============================*/


	/* 5.1 container */

	#calltoaction {
		width: 100%;
	    height: 356px;
	    background: #ab0456;
	    text-align: center;
	    padding-top: 48px;
	    font-size: 26px;
	}


	.animationSandbox h1 {
		color: #000;
		font-family: 'lato', 'Helvetica Neue', sans-serif;
		font-size: 44px;
		text-transform: uppercase;
		margin: 5px 0 0 0;
		padding: 50px 0 0 0;

	}


	/* 5.2 Button */

	.contact_button {
		color: #fff;
	    width: auto;
	    font-size: 44px;
	    padding: 19px;
	    display: inline-block;
	    border: 1px solid black;
	    background-color: #000;

	}

	.contact_button a:hover {
		color: #ab0456;
	}

	.side-navigation-left {
		position: fixed;
		display: block;
		top:49%;
		left:20px;
		background: transparent url('../img/icons/arrow-left.png') no-repeat center center;
		width: 64px;
		height: 64px;
	}

	.side-navigation-right {
		position: fixed;
		display: block;
		top:49%;
		right:20px;
		background: transparent url('../img/icons/arrow-right.png') no-repeat center center;
		width: 64px;
		height: 64px;
		display: block;
	}




	/*===============================
	3. about
	===============================*/


	.about_me_image {
		background: #05697b;
		background-image: url('../img/about/goli_spray.png');
		background-repeat: no-repeat;
		background-position: center center;
		height: 500px;
		margin-bottom: 30px;

	}

	.about_me_text {
		padding:20px;
		margin-bottom: 100px;
	}

	/*===============================
	8. FOOTER
	===============================*/

	.floating_back_to_top {
		position: fixed;
		bottom:30px;
		right: 30px;
		width: 50px;
		height: 50px;
		background: #ab0456;
  	-webkit-border-radius: 25px; 
  	-moz-border-radius: 25px; 
  	border-radius: 25px; 
  	display: none;
  	border: 1px solid white;

	}

	.floating_back_to_top:hover {
		background: #222;
	}

	.floating_back_to_top.visible  {
		display: block;
	}

	.floating_back_to_top span {
			display: block;
			width: 50px;
			height: 50px;
			background: transparent url('../img/icons/up-arrow.png') no-repeat center center;
	}

	.footer{
		color: #fff;
		width: 100%;
		height: 100px;
		background: #434547;
		margin-top: 0px;
	  	text-align: center;
	  	line-height: 1.7em;
	  	font-family: 'lato', 'Helvetica Neue', sans-serif;
		font-size: 17px;
		padding: 50px 0;
	}

	.impressum_footer ul{
		padding: 0;
		list-style: none;
	}

	.impressum_footer ul li {
		display: inline-block;
		text-transform: uppercase;
	}

	.footer .mail {
		background: transparent url('../img/icons/email.png') no-repeat center left;
		padding-left: 40px;
	    display: inline-block;
	    font-size: 18px;
	}

	/*===============================
	9. WEBDESIGN SITE h1
	===============================*/


	.col-6 h1{

		font-family: 'lato', 'Helvetica Neue', sans-serif;
		font-size: 28px;
		text-transform: uppercase;
	}


	/*===============================
	10. WEBDESIGN headline
	===============================*/

	.headline {
		text-align: center;
		 padding-bottom: 20px;

	}

	.headline p {
		font-family: 'lato', 'Helvetica Neue', sans-serif;
		font-size: 22px;
	}

	.col-6 p {
		font-family: 'lato', 'Helvetica Neue', sans-serif;
		font-size: 18px;
	}


	/*===============================
	11. Overview Page
	===============================*/

	.overview_picture {
		background-color:#05697b;
		background-image: url('../img/zwischenseite/material.png');
		background-position: top center;
		height: 480px;
		background-repeat: no-repeat;


	}
	


	/*===============================
	12. sub-page styles
	===============================*/

	.subpage_header1 {
		margin:0 0 80px 0;
		padding-bottom: 10px;
		border-bottom: 1px solid #999;
	}

	body.sticky_background_productpage_radio {
		background: transparent url('../img/produktseite/bg.jpg') no-repeat fixed top center
	}

	.subpage_item {
		margin-bottom: 60px;
	}

	   
	/*===============================
	13. media queries
	===============================*/


	@media (max-width:1281px) {
	 /* hi-res laptops and desktops */ 

	}


	@media (max-width:801px)  {
	 /* tablet, landscape iPad, lo-res laptops ands desktops */ 
	  /* tablet, landscape iPad, lo-res laptops ands desktops */ 
	 /* tablet, landscape iPad, lo-res laptops ands desktops */ 
	 /* tablet, landscape iPad, lo-res laptops ands desktops */ 
	 /* tablet, landscape iPad, lo-res laptops ands desktops */ 
	 /* tablet, landscape iPad, lo-res laptops ands desktops */ 
	 /* tablet, landscape iPad, lo-res laptops ands desktops */ 
	 /* tablet, landscape iPad, lo-res laptops ands desktops */ 
	 /* tablet, landscape iPad, lo-res laptops ands desktops */ 
	 /* tablet, landscape iPad, lo-res laptops ands desktops */ 
	 /* tablet, landscape iPad, lo-res laptops ands desktops */ 
	 /* tablet, landscape iPad, lo-res laptops ands desktops */ 

		 #logo .circle {
		 	width: 20px;
		 	height: 20px;
		}

		 #logo h1 {
			font-size: 18px;
		}



		/* animation for main menu text - End */


		.header_intro{
			margin-left: 0px;
			top:210px;
			background:rgba(0,0,0,0.52); 
			border: none;
		}


		.tagline {
    		font-size: 18px;
		}

		h1.tagline,
		p.tagline {
    		margin-bottom: 10px;
		}

		/* changing size of text in heroe section */


		#herosection {
			background-position:top right;
		}

		.col-6 h1 {
			font-size: 14px;
		}	

		.col-6 p {
			font-size: 16px;
		}

		/* main menu becomes hamburger */

		.hamburger {
			display: block;		
		}

		#site_nav  {
			background: #8D8C8C;
			top:42px;
			right: 0;
			display: none;
		}

		#site_nav ul li {
			display: block;
			padding: 2px 5px;
			text-align: left;
		}


		#site_nav.collapsed {
			display: block;
		}


		/* textbox */

		#text_box {
			width: 88%;
			margin: 0 6%;
			padding-bottom: 40px;
		}

		/*profession*/

		#profession h2 {
			font-size: 30px;
			margin: 40px 0;
		}

		.sub_logo {
			width: 88%;
			margin: 0 6%;	
			background-size: 100px;
		}

		.profession_block {
			width: 88%;
			margin: 0 6%;	
		}

		.profession_block .block {
			width: 50%;
			height:500px;

		}

		.profession_block .profession_icon {
			background-size: 60px;

		}

		/*content boxes*/

		.portfoliobox>a {
			width: 50%;
			height: 200px;
		}

		.portfoliobox .portfoliobox_370 {
			display: none;
		}

		.portfoliobox .portfoliobox_buttom_right_wrapper {
			width: 100%;
			height: auto;
		}


		.portfoliobox .portfoliobox_buttom_right_wrapper>a {
			height: 200px;
		}

		.portfoliobox .portfoliobox_buttom_right_wrapper>a.box_to_hide_in_responsive,
		.portfoliobox .box_to_hide_in_responsive {
			display: none;
		}

		.side-navigation-left,
		.side-navigation-right {
			background-size: 75%;
			width: 40px;
			height: 40px;
		}


		.side-navigation-left {
			left: 10px;
		}

		.side-navigation-right  {
			right: 10px;
		}


		#button_links ul li a  {
		margin:14px 10% 38px 10%;
		padding: 3% 6%;
		width: 68%;
		}

		#button_links ul li {
		display: block;
		}

		.about_me_image {
			background-size: 100%;
			height: 202px;
		}


		.overview_picture {
			height: 202px;
		}


		 /* tablet, landscape iPad, lo-res laptops ands desktops */ 
	 /* tablet, landscape iPad, lo-res laptops ands desktops */ 
	 /* tablet, landscape iPad, lo-res laptops ands desktops */ 
	 /* tablet, landscape iPad, lo-res laptops ands desktops */ 
	 /* tablet, landscape iPad, lo-res laptops ands desktops */ 
	 /* tablet, landscape iPad, lo-res laptops ands desktops */ 
	 /* tablet, landscape iPad, lo-res laptops ands desktops */ 
	 /* tablet, landscape iPad, lo-res laptops ands desktops */ 
	 /* tablet, landscape iPad, lo-res laptops ands desktops */ 

	}


	@media (max-width:480px)  { 
	/* smartphones, Android phones, landscape iPhone */ 
	/* smartphones, Android phones, landscape iPhone */ 
	/* smartphones, Android phones, landscape iPhone */ 
	/* smartphones, Android phones, landscape iPhone */ 
	/* smartphones, Android phones, landscape iPhone */ 
	/* smartphones, Android phones, landscape iPhone */ 
	/* smartphones, Android phones, landscape iPhone */ 
	/* smartphones, Android phones, landscape iPhone */ 
	/* smartphones, Android phones, landscape iPhone */ 
	/* smartphones, Android phones, landscape iPhone */ 





		.side-navigation-left,
		.side-navigation-right {
			background-size: 60%;
			width: 37px;
			height: 37px;
		}


		.side-navigation-left {
			left: 0px;
		}

		.side-navigation-right  {
			right: 0;
		}



		/* changing size of text in heroe section */
		.tagline {
			margin: 30px 5px 5px 5px;
			font-size: 16px;

		}

		.col-6 h1 {
			font-size: 12px;
		}	

		.col-6 p {
			font-size: 14px;
		}


		/*profession*/

		.sub_logo {
			background-size: 75px;
		}

		.profession_block .block {
			width: 100%;
		}


		.profession_block .profession_icon {
			background-size: 70px;
			height:100px;
		}




		/*background iamge*/

	#herosection{
		background-position: top right;
	}



		#button_links ul li a  {
		margin:14px 6% 38px 6%;
		padding: 5% 6%;
		width: 76%;
		}

		#button_links ul li {
		display: block;
		}




		/*content boxes*/

		.portfoliobox>a {
			width: 100%;
			height: 250px;
		}

		.portfoliobox .portfoliobox_buttom_right_wrapper {
			width: 100%;
			height: auto;
		}


		.portfoliobox .portfoliobox_buttom_right_wrapper>a {
			height: 250px;
			width: 100%;
		}


		.header_intro {
			top: 250px;
			padding-left: 20px;
			padding: 28px 28px 30px 23px;
		}


		#logo {
			width: 100%;
		}

	/* smartphones, Android phones, landscape iPhone */ 
	/* smartphones, Android phones, landscape iPhone */ 
	/* smartphones, Android phones, landscape iPhone */ 
	/* smartphones, Android phones, landscape iPhone */ 
	/* smartphones, Android phones, landscape iPhone */ 
	/* smartphones, Android phones, landscape iPhone */ 
	/* smartphones, Android phones, landscape iPhone */ 
	/* smartphones, Android phones, landscape iPhone */ 
	/* smartphones, Android phones, landscape iPhone */ 
	/* smartphones, Android phones, landscape iPhone */ 
	/* smartphones, Android phones, landscape iPhone */ 

	}