#dpi{
    height: 1in;
    width: 1in;
    position: absolute;
    left: -100%;
    top: -100%;

}

.div_scroll_about {
	position:fixed;
	display:flex;
	flex-direction:column;
	right:0;
	bottom:0;
	width:7rem;
	color:#ffffff;
	background-color:#31a836;
	cursor:pointer;
	z-index:1;
}

.div_scroll_about_lib {
	text-align:center;
	height:15rem;
	font-size:1.8rem;
	transform-origin: 7rem 5rem;
	transform:rotate(-90deg);
	white-space:nowrap;
	padding-left:1rem;
}

.div_scroll_about_img {
    line-height: 7rem;
    text-align: center;
    color: #ffffff;
    font-size: 4rem;
    background-color: #00692f;
}

.div_scroll_about_bg {
	cursor:pointer;
	transition: box-shadow 0.5s ease-out;
}

.div_scroll_about_bg:hover {
box-shadow: inset 0 -150px 0 0 #00692f;
}

/*width initial 34 height 59*/
.div_laptop {
	position:fixed;
	right:0;
	bottom:0;
	width:32%;
	height:57%;
	background-image:url("../images/about/laptop-dashboard-2023.png");
	background-size:cover;
	transition: opacity 0.3s linear 0s;
}

.div_laptop.transparent {
	transition: all 0.3s linear 0s;
}

/* --- */

.section_about {
	display:flex;
}

.section_about .div_about_article {
	display:flex;
	margin-top:10rem;
	flex-wrap:wrap;
	padding:0 7rem 0 0;
	width:40%;
	height:calc(50vh - 2rem);
	padding-right:15rem;
	margin-left:8rem;
}

.section_about .div_about_article .div_about_article_title {
	cursor:default;
	width:100%;
	padding:7rem 0 2.5rem 14rem;
	font-size:1.6rem;
	font-weight:100;
}

.section_about .div_about_article .div_about_article_title:before {
	content:"";
	vertical-align:middle;
	display:inline-block;
	margin:0 2rem 0 -6.3rem;
	width:4rem;
	font-size:0;
	border-bottom:2px solid #31a836;
}

.section_about .div_about_article .div_about_article_subtitle {
	cursor:default;
	width:100%;
	padding:0 10rem 1rem 14rem;
	font-size:2.6rem;
	font-weight:900;
}

.section_about .div_about_article .div_about_article_description {
	width:100%;
	padding:0 8rem 0 14rem;
	font-size:1.6rem;
	font-family:'Open Sans Light', "Roboto", "Avenir Black" !important;
}

.section_about .div_about_article .div_about_article_dot {
	margin-top:2rem;
	width:24rem;
	background-image:url("/images/header/dotDark.png");
	background-repeat:repeat;
}


.section_about .div_about_article .div_about_article_dot:before {
	content:"";
	display:block;
	margin-top:-16rem;
	margin-bottom:5rem;
	width:11rem;
	height:16rem;
	background-image:url("/images/header/dotDark.png");
	background-repeat:repeat;
	background-position:left bottom;
}


/* --- */

.section_about .div_about_categories {
	display:flex;
	flex-wrap:wrap;
	flex:1;
	margin-left:-9rem;
}


.section_about .div_about_categories .div_about_category:last-child {
	padding-right:5rem;
}

.section_about .div_about_categories .div_about_category {
	padding:5rem;
	width:33%;
	padding-right:1rem;
}

.section_about .div_about_categories .div_about_category .div_about_category_img {
	width:7rem;
}

.section_about .div_about_categories .div_about_category .div_about_category_title {
	cursor:default;
	padding:2rem 0;
	font-size:2.6rem;
	font-weight:900;
}

.section_about .div_about_categories .div_about_category .div_about_category_description {
	cursor:default;
	font-size:1.6rem;
	font-weight:100;
}

#about > div.container_stripes_out {
	background-image:repeating-linear-gradient(-45deg, transparent, transparent 0.4em, #bbbcbc 0.5em);
	background-position:right bottom;
	width:10%;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#about > div.container_stripes_out, div.div_container_stripes, .div_stripes_out, .div_stripes, .div_element_icon {
	background-image:repeating-linear-gradient(-55deg, transparent, transparent 0.4em, #bbbcbc 0.5em) !important;
	background-position:right bottom;
	}
}

body > div.container_stripes_out {
	display:flex;
	flex-direction:column;
}

body div.div_stripes_out {
	align-self:flex-end;
	width:10%;
	background-image:repeating-linear-gradient(-45deg, transparent, transparent 0.4em, #bbbcbc 0.5em);
	height:16rem;
}

#elements > div.div_elements_headlines {
	display:flex;
}

#elements > div.div_elements_headlines > div.div_container_stripes {
	display:flex;
	flex-direction:column;
	width: 10%;
	background-image:repeating-linear-gradient(-45deg, transparent, transparent 0.4em, #bbbcbc 0.5em);
	background-position:right bottom
}

body > div.ui-page.ui-page-theme-a.ui-page-active > div > div {
	display:flex;
	justify-content: flex-end;
}


/* Animation */

.img_about_category:hover {
	transform:rotate(360deg);
}

.img_about_category {
	transition:transform 2s;
}

.div_stripes_about {
	display:flex;
	flex-direction:column;
	background-image:repeating-linear-gradient(-45deg, transparent, transparent 0.4em, #bbbcbc 0.5em);
	width:20rem;
	height:auto;
	position:relative;
	z-index:-1;
}

/* Responsive smartphone and tablet */


@media screen and (max-width: 1024px) {
	.section_about .div_about_categories {
		margin-left:0 !important;
	}

	#about > div.container_stripes_out, div.div_container_stripes, .div_stripes_out, .div_stripes, .div_element_icon {
		display:none !important;
	}

	.section_about .div_about_article {
		margin-left:0 !important;
	}


.div_laptop {
	display:none;
}

.div_about_article_dot {
	display:none;
}

.section_about {
	flex-direction:column;
	margin-top:0;
	padding-top:0;
}

.div_about_article {
	padding-bottom:10rem !important;
	flex-direction:row !important;
	width:95vw !important;
	height:auto !important;
}


.div_about_article_description {
	font-size:1.6rem !important;

}
.div_about_categories {
	flex-direction:row !important;
	flex-wrap:wrap !important;
	flex:none !important;
}

.div_about_category {
	display:flex;
	flex-direction:column;
	width:50% !important;
	padding-top:0!important;
	margin-bottom: 5rem !important;
	height:auto !important;
}

.div_about_category_title {
	font-size:2.6rem !important;
}

.div_about_article_title {
	font-size:3em !important;
}

.div_about_article_subtitle {
	font-size:2.6rem !important;
	padding-bottom:0 !important;
}
}


/* Responsive smartphone only (Iphone 6,7,8)*/

@media screen and (min-width:0px) and (max-width:420px){

	.div_about_category {
		width:100% !important;
	}

	.section_about {
		margin-top:0 !important;
	}

	.section_about .div_about_article .div_about_article_title {
	padding:0rem 0 2rem 9rem !important;
	}

	.section_about .div_about_article {
		padding-right:0 !important;
		padding-top:5rem !important;
	}

	.section_about .div_about_article .div_about_article_subtitle {
		padding:0 0rem 0rem 7rem !important;
	}

	.section_about .div_about_article .div_about_article_description {
		padding:0 6rem 0 7rem !important;
	}

	.section_about .div_about_categories .div_about_category {
		padding: 1rem !important;
		padding-right:2rem !important;
		text-align:center !important;
		width:100% !important;
	}

	.img_about_category {
	margin-left:228% !important;
	}
}

/* Responsive icons about smartphone (Iphone 6, 7, 8 +)*/

@media screen and (min-width:410px) and (max-width:420px){
	#about > div.div_about_categories > div > div.div_about_category_img > img {
		margin-left:261% !important;
	}
}


/* Responsive large screen */

@media screen and (min-width:2560px) {
	.div_about_article_description {
		padding:0 14rem 0 14rem !important;
	}

	.div_about_article_subtitle {
		padding:0 36rem 1rem 14rem !important;
	}

	.div_laptop {
		position:fixed;
		right:0;
		bottom:0;
		width:36%;
		height:67%;
		background-size:cover;
		transition: opacity 0.3s linear 0s;
	}

	.section_about .div_about_categories {
    margin-left: -27rem;
}

body .header .div_menu .div_menu_item {
	padding: 0 5rem !important;
	}
}

/* Iphone 6 7 8 +*/

@media screen and (min-width:414px) and (max-width:420px) and (max-height:736px) and (orientation:portrait) {
.img_about_category {
    margin-left: 258% !important;
  }
}


/* Pixel 2 XL */
@media screen and (min-width:411px) and (max-width:413px) and (max-height:828px) and (orientation:portrait) {
.img_about_category {
    margin-left: 265% !important;
  }
}

/* Iphone XR */
@media screen and (min-width:414px) and (max-width:420px) and (max-height:896px) and (orientation:portrait) {

.img_about_category {
    margin-left: 262% !important;
	}
	
body	.footer .div_social_media {
    width: 59.3% !important;
}
}

/* overlap exchange height */

@media screen and (min-width:1025px) and (max-height:596px) {
.section_about .div_about_categories .div_about_category {
 width:34% !important;
	}
}