body {
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	font-family: 'Montserrat', sans-serif;
	font-size: 12px;
}

.site-top {
	width: 100%-20px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #000000;
	border-bottom: 1px solid #fdd022;
}

.site-top .content {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 1100px;
	color: #ffffff;
}

.site-top .content .contact {
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: right;
	font-size: 13px;
}

.site-top .content .contact a {
	color: #ffffff;
	text-decoration: none;
}

.site-top .content .contact a:hover {
	color: #fdd022;
	text-decoration: underline;
	text-decoration-color: #ffffff;
}

.site-top .content .contact .faded {
	color: #777777;
}

.site-top .content .logo {
	margin-top: 7px;
	margin-bottom: 11px;
	margin-right: 35px;
	float: left;
}

.site-top .content .menu_element {
	color: #ffffff;
	font-weight: 300;
}

.site-top .content .menu_element a {
	text-align: left;
	white-space: nowrap;
	color: #ffffff;
	text-decoration: none;
}

.site-top .content .menu_element a:hover {
	color: #fdd022;
	text-decoration: underline;
	text-decoration-color: #ffffff;
	white-space: nowrap;
}

@media screen and (max-width: 900px) {
	.site-top .content#desktop-menu {
		display: none;
	}
	
	.site-top .content .menu_element {
		margin-top: 5px;
		margin-bottom: 5px;
		margin-right: 15px;
		float: left;
		font-size: 13px;
	}
}

@media screen and (min-width: 900px) {
	.site-top .content#mobile-menu {
		display: none;
	}

	.site-top .content .menu_element {
		margin-top: 9px;
		margin-bottom: 11px;
		margin-right: 28px;
		float: left;
		font-size: 18px;
	}
	
	.site-top .content .last {
		margin-right: 0px;
	}
}

@media screen and (min-width: 1300px) {
	.site-top .content#mobile-menu {
		display: none;
	}

	.site-top .content .menu_element {
		margin-top: 9px;
		margin-bottom: 11px;
		margin-right: 28px;
		float: left;
		font-size: 18px;
	}
	
	.site-top .content .last {
		margin-right: 0px;
	}
}

#menu {
	position: sticky; 
	top: 0px; 
}

.page {
	font-weight: 200;
}

.page .content {
	margin-left: auto;
	margin-right: auto;
}

.page .content h1 {
	font-weight: 300;
}

.page .content h2 {
	font-weight: 300;
	font-style: italic;
}

.page .content p {
	text-align: justify;
	font-weight: 300;
}

.page .content li {
	font-weight: 300;
}

.page .content a {
	white-space: nowrap;
	color: #000000;
	text-decoration: underline;
	text-decoration-color: #fdd022;
}

.page .content a:hover {
	color: #fdd022;
	text-decoration: underline;
	text-decoration-color: #000000;
	white-space: nowrap;
}

@media screen and (max-width: 900px) {
	#menu {
		position: unset; 
		top: 0px; 
	}
	
	.page .content {
		width: 100%-20px;
		padding: 10px;
		padding-top: 0px;
	}
	
	.page .content h1 {
		font-size: 6vw;
	}
	
	.page .content h2 {
		font-size: 5vw;
	}
	
	.page .content p {
		font-size: 3.5vw;
		line-height: 6vw;
	}
	
	.page .content li {
		font-size: 3.5vw;
		line-height: 6vw;
	}
	
	.page .content #maps-mobile {
		display: block;
	}
	
	.page .content #maps-desktop850 {
		display: none;
	}
	
	.page .content #maps-desktop1100 {
		display: none;
	}
}

@media screen and (min-width: 900px) {
	.page .content {
		width: 850px;
		margin-top: 27px;
	}
	
	.page .content h1 {
		font-size: 3.3vw;
	}
	
	.page .content h2 {
		font-size: 2.6vw;
	}
	
	.page .content p {
		font-size: 1.5vw;
		line-height: 2.2vw;
	}
	
	.page .content li {
		font-size: 1.5vw;
		line-height: 2.2vw;
	}
		
	.page .content #maps-mobile {
		display: none;
	}
	
	.page .content #maps-desktop850 {
		display: block;
	}
	
	.page .content #maps-desktop1100 {
		display: none;
	}
}

@media screen and (min-width: 1300px) {
	.page .content {
		width: 1100px;
		margin-top: 35px;
	}
	
	.page .content h1 {
		font-size: 3.3vw;
	}
	
	.page .content h2 {
		font-size: 2.6vw;
	}
	
	.page .content p {
		font-size: 1.3vw;
		line-height: 1.8vw;
	}
	
	.page .content li {
		font-size: 1.3vw;
		line-height: 1.8vw;
	}
	
	.page .content #maps-mobile {
		display: none;
	}
	
	.page .content #maps-desktop850 {
		display: none;
	}
	
	.page .content #maps-desktop1100 {
		display: block;
	}
}

.page #WR-forleaders1 {
	width: 100%;
	background-color: #01060a;
	border-bottom: 1px solid #3a3735;
	background-image: url('../gfx/WR-forleaders_pic1.jpg');
	background-repeat: no-repeat;
}

.page #WR-forleaders1-1 {
	color: #ffffff; 
	text-align: center;
}

.page #WR-forleaders1-1 span{
	background-color: #000000;
}

@media screen and (max-width: 900px) {
	.page #WR-forleaders1 {
		height: 250px;
		background-size: 1025px 250px;
		background-position: 30% 50%;
	}	
	
	.page #WR-forleaders1-1 {
		padding-top: 50px;
		padding-right: 5vw;
		font-size: 2.2em;
		line-height: 1.4em;
		text-align: right;
	}
}

@media screen and (min-width: 900px) {
	.page #WR-forleaders1 {
		height: 400px;
		background-size: 1641px 400px;
		background-position: center;
	}	
	
	.page #WR-forleaders1-1 {
		padding-top: 50px;
		padding-left: 350px;
		font-size: 4em;
		line-height: 1.4em;
	}
}

@media screen and (min-width: 1300px) {
	.page #WR-forleaders1 {
		height: 468px;
		background-size: 1920px 468px;
		background-position: center;
	}	
	
	.page #WR-forleaders1-1 {
		padding-top: 60px;
		padding-left: 400px;
		font-size: 4.9em;
		line-height: 1.4em;
	}
}

.page #WR-forleaders2 {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

@media screen and (max-width: 900px) {
	.page #WR-forleaders2 {
		width: 100%;
		font-size: 2em;
		line-height: 1.6em;
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media screen and (min-width: 900px) {
	.page #WR-forleaders2 {
		width: 850px;
		font-size: 3.2em;
		line-height: 1.6em;
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media screen and (min-width: 1300px) {
	.page #WR-forleaders2 {
		width: 1100px;
		font-size: 3.7em;
		line-height: 1.6em;
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

.page #WR-forleaders3 {
	width: 100%;
	background-color: #000000;
	border-top: 1px solid #a04332;
	border-bottom: 1px solid #4e96c6;
	background: url('../gfx/WR-forleaders_pic2.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.page #WR-forleaders3-1 {
	margin-left: auto;
	margin-right: auto;
	color: #000000; 
}

.page #WR-forleaders3-1 span{
	background-color: #fdd022;
}

.page #WR-forleaders3-2 {
	margin-left: auto;
	margin-right: auto;
	color: #ffffff; 
}

.page #WR-forleaders3-2 span{
	font-weight: 500;
	background-color: #ff0000;
}

@media screen and (max-width: 900px) {
	.page #WR-forleaders3-1 {
		width: 100%-20px;
		padding-top: 40px;
		padding-bottom: 40px;
		padding-left: 10px;
		font-size: 2.3em;
		line-height: 1.8em;
	}
	
	.page #WR-forleaders3-2 {
		width: 100%-20px;
		padding-top: 0px;
		padding-bottom: 15px;
		padding-left: 10px;
		font-size: 2.3em;
		line-height: 1.8em;
	}
}

@media screen and (min-width: 900px) {
	.page #WR-forleaders3-1 {
		width: 850px;
		padding-top: 65px;
		padding-bottom: 65px;
		font-size: 3.5em;
		line-height: 1.6em;
	}
	
	.page #WR-forleaders3-2 {
		width: 850px;
		padding-top: 0px;
		padding-bottom: 27px;
		font-size: 3.5em;
		line-height: 1.6em;
	}
}

@media screen and (min-width: 1300px) {
	.page #WR-forleaders3-1 {
		width: 1100px;
		padding-top: 85px;
		padding-bottom: 85px;
		font-size: 3.9em;
		line-height: 1.8em;
	}
	
	.page #WR-forleaders3-2 {
		width: 1100px;
		padding-top: 0px;
		padding-bottom: 35px;
		font-size: 3.9em;
		line-height: 1.8em;
	}
}

.page #WR-forleaders4 {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

@media screen and (max-width: 900px) {
	.page #WR-forleaders4 {
		width: 100%-20px;
		font-size: 4vw;
		line-height: 5vw;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 10px;
		padding-right: 10px;
	}
	
	.page #WR-forleaders4 li:not(:last-child) {
		padding-bottom: 15px;
	}
}

@media screen and (min-width: 900px) {
	.page #WR-forleaders4 {
		width: 850px;
		font-size: 1.7em;
		line-height: 1.45em;
		padding-top: 25px;
		padding-bottom: 25px;
	}
	
	.page #WR-forleaders4 li:not(:last-child) {
		padding-bottom: 15px;
	}
}

@media screen and (min-width: 1300px) {
	.page #WR-forleaders4 {
		width: 1100px;
		font-size: 3em;
		line-height: 1.45em;
		padding-top: 25px;
		padding-bottom: 25px;
	}
	
	.page #WR-forleaders4 li:not(:last-child) {
		padding-bottom: 15px;
	}
}

.page #WR-forleaders5 {
	width: 100%;
	background-color: #f5f5f5;
	border-top: 1px solid #ececec;
	border-bottom: 1px solid #ececec;
}

.page #WR-forleaders5-1 {
	display:flex; 
	flex-wrap: wrap;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

@media screen and (max-width: 900px) {
	.page #WR-forleaders5-1 {
		padding-top: 0px;
		padding-bottom: 25px;
		vertical-align: top;
		font-size: 3.5vw;
		line-height: 4.5vw;
	}
	
	.page #WR-forleaders5-1 .sentence {
		width: 40vw;
		float: left;
		padding: 10px;
		margin:auto;
	}
	
	.page #WR-forleaders5-1 .sentence h1{
		font-size: 4.5vw;
		height: 10vw;
		line-height: 5vw;
	}
}

@media screen and (min-width: 900px) {
	.page #WR-forleaders5-1 {
		width: 850px;
		font-size: 1.92em;
		line-height: 1.5em;
		padding-top: 15px;
		padding-bottom: 30px;
	}
	
	.page #WR-forleaders5-1 .sentence {
		width: 30%;
		float: left;
		height: 300px;
		padding: 10px;
	}
	
	.page #WR-forleaders5-1 .sentence h1 {
		font-size: 1.5em;
		height: 85px;
		margin-top: 10px;
		margin-bottom: 0px;
	}
	
	.page #WR-forleaders5-1 .sentence p {
		margin-top: 5px;
	}
	
	.page #WR-forleaders5-1 .space-keeper {
		display: none;
	}
}

@media screen and (min-width: 1300px) {
	.page #WR-forleaders5-1 {
		width: 1100px;
		font-size: 2.5em;
		line-height: 1.5em;
		padding-top: 25px;
		padding-bottom: 40px;
	}
	
	.page #WR-forleaders5-1 .sentence {
		width: 31%;
		float: left;
		height: 380px;
		padding: 10px;
	}
	
	.page #WR-forleaders5-1 .sentence h1{
		font-size: 1.5em;
		height: 85px;
		margin-top: 10px;
		margin-bottom: 0px;
	}
	
	.page #WR-forleaders5-1 .sentence p {
		margin-top: 25px;
	}
	
	.page #WR-forleaders5-1 .space-keeper {
		display: none;
	}
}

.page #WR-application_list {
	display:grid;
	
	grid-template-columns: 1fr 1fr 1fr; /*Ez azt jelenti, hogy 3 egyenlő fraction.*/
	grid-column-gap: 35px; /*Ez az oszlopok közötti térköz, ezért nemk ell belső padding.*/
	/*flex-wrap: wrap;-> a gridnél ez amúgy sem érvényes*/
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding-top: 25px;
	padding-bottom: 25px;
}

.page #WR-application_list .element{
	display: grid; 
	grid-template-rows: 16vmin auto 10vmin; 
}

.page #WR-application_list .element h1 {
	font-weight: 500;
}

.page #WR-application_list .element ul {
	list-style-type: none;
	padding-left: 0px;
	/*padding-right: 35px;*/
	padding-bottom: 0px;
}

.page #WR-application_list .element a {
	background-color: #000000;
	color: #ffffff;
	border-radius: 25px;
	padding: 8px 15px 8px 15px;
	text-decoration: none;
	font-weight: 500;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.page #WR-application_list .element a:hover {
	background-color: #fdd022;
	color: #000000;
}

@media screen and (max-width: 900px) {
	.page #WR-application_list {
	grid-template-columns: 1fr 1fr;
		/*width: 850px;*/
	grid-column-gap: 10px; /*Ez az oszlopok közötti térköz, ezért nemk ell belső padding.*/
	}
	
	.page #WR-application_list .element {
		/*width: 40vw;
		float: left;*/
		padding: 10px;
		padding-bottom: 30px;
		grid-template-rows: 18vmin auto 10vmin; 
		/*margin:auto; Emiatt is voltak elcsúszva az ikonok. */
	}

	.page #WR-application_list .element h1 {
		font-size: 4.5vw;
		/*height: 40px; -> bizonyos méretnél rálógott a szövegre, helyette 10vw-t állítottam be*/
		height: 10vw;
		line-height: 5vw;
	}
	
	.page #WR-application_list .element ul li {
		font-size: 3vw;
		font-weight: 300;
		line-height: 4.5vw;
	}
	
	.page #WR-application_list .element ul li:not(:last-child) {
		padding-bottom: 12px;
	}
	
	.page #WR-application_list .element .more {
		padding-top: 5px;
		font-size: 2vw;
	}
}

@media screen and (min-width: 900px) {
	.page #WR-application_list {
		width: 850px;
	}
	
	.page #WR-application_list .element {
		/*width: 30%; -> nincs rá szükség, mert a grid megoldja a 3 egyform oszlopot.*/
		padding: 10px;
	}

	.page #WR-application_list .element h1 {
		font-size: 2.16em;
		line-height: 1.1em;
		height: 58px;
	}
	
	.page #WR-application_list .element ul li {
		font-size: 1.25em;
		font-weight: 300;
		line-height: 1.5em;
	}
	
	.page #WR-application_list .element ul li:not(:last-child) {
		padding-bottom: 12px;
	}
	
	.page #WR-application_list .element p {
		padding-top: 0px;
	}
	
		.page #WR-application_list .element .more {
		font-size: 1vw;
	}
}

@media screen and (min-width: 1300px) {
	.page #WR-application_list {
		width: 1100px;
	}
	
	.page #WR-application_list .element {
		/*width: 31%;*/
		padding: 10px;
	}

	.page #WR-application_list .element h1 {
		font-size: 2.8em;
		line-height: 1.1em;
		height: 75px;
	}
	
	.page #WR-application_list .element ul li {
		font-size: 1.6em;
		font-weight: 300;
		line-height: 1.5em;
	}
	
	.page #WR-application_list .element ul li:not(:last-child) {
		padding-bottom: 15px;
	}
	
	.page #WR-application_list .element p {
		padding-top: 0px;
	}
}

.page #WR-forITexperts1 {
	background-color: #000000;
	border-bottom: 1px solid #c16e3c;
	background: url('../gfx/WR-forITexperts_pic1.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top left;
}

.page #WR-forITexperts1-1 {
	margin-left: auto;
	margin-right: auto;
	color: #ffffff; 
	text-align: right;
	font-weight: 300;
}

.page #WR-forITexperts1-1 span{
	background-color: #000000;
}

@media screen and (max-width: 900px) {
	.page #WR-forITexperts1 {
		width: 100%;
		height: 50vw;
	}
	
	.page #WR-forITexperts1-1 {
		width: 100%-20px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 19vw;
		font-size: 7vw;
		line-height: 10vw;
	}
}

@media screen and (min-width: 900px) {
	.page #WR-forITexperts1 {
		width: 100%;
		height: 40vw;
	}
	
	.page #WR-forITexperts1-1 {
		width: 850px;
		padding-top: 19vw;
		font-size: 4vw;
		line-height: 6vw;
	}
}

@media screen and (min-width: 1300px) {
	.page #WR-forITexperts1 {
		width: 100%;
		height: 40vw;
	}
	
	.page #WR-forITexperts1-1 {
		width: 1100px;
		padding-top: 19vw;
		font-size: 4vw;
		line-height: 6vw;
	}
}

.page #WR-forITexperts2 {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

@media screen and (max-width: 900px) {
	.page #WR-forITexperts2 {
		width: 100%-40px;
		font-size: 5.5vw;
		line-height: 8vw;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media screen and (min-width: 900px) {
	.page #WR-forITexperts2 {
		width: 850px;
		font-size: 3.2em;
		line-height: 1.6em;
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media screen and (min-width: 1300px) {
	.page #WR-forITexperts2 {
		width: 1100px;
		font-size: 3.7em;
		line-height: 1.6em;
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

.page #WR-forITexperts3 {
	background-color: #000000;
	border-bottom: 1px solid #c16e3c;
	background: url('../gfx/WR-forITexperts_pic2.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 0% 25%;
}

.page #WR-forITexperts3-1 {
	margin-left: auto;
	margin-right: auto;
	color: #ffffff; 
	text-align: right;
	font-weight: 300;
}

.page #WR-forITexperts3-1 span{
	background-color: #000000;
}

@media screen and (max-width: 900px) {
	.page #WR-forITexperts3 {
		width: 100%;
		height: 40vw;
	}
	
	.page #WR-forITexperts3-1 {
		width: 100%-20px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 26vw;
		font-size: 7vw;
		line-height: 10vw;
	}
}

@media screen and (min-width: 900px) {
	.page #WR-forITexperts3 {
		width: 100%;
		height: 30vw;
	}
	
	.page #WR-forITexperts3-1 {
		width: 850px;
		padding-top: 20.5vw;
		font-size: 4vw;
		line-height: 6vw;
	}
}

@media screen and (min-width: 1300px) {
	.page #WR-forITexperts3 {
		width: 100%;
		height: 30vw;
	}
	
	.page #WR-forITexperts3-1 {
		width: 1100px;
		padding-top: 20.5vw;
		font-size: 4vw;
		line-height: 6vw;
	}
}

.page #WR-forITexperts4 {
	margin-left: auto;
	margin-right: auto;
	text-align: justify;
}

@media screen and (max-width: 900px) {
	.page #WR-forITexperts4 {
		width: 100%-40px;
		font-size: 4vw;
		line-height: 5.5vw;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media screen and (min-width: 900px) {
	.page #WR-forITexperts4 {
		width: 850px;
		font-size: 1.7em;
		line-height: 1.45em;
		padding-top: 25px;
		padding-bottom: 25px;
	}
}

@media screen and (min-width: 1300px) {
	.page #WR-forITexperts4 {
		width: 1100px;
		font-size: 3em;
		line-height: 1.45em;
		padding-top: 25px;
		padding-bottom: 25px;
	}
}

.page #WR-forITexperts5 {
	width: 100%;
	background-color: #000000;
	border-bottom: 1px solid #c16e3c;
	background: url('../gfx/WR-forITexperts_pic3.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top left;
}

.page #WR-forITexperts5-1 {
	margin-left: auto;
	margin-right: auto;
	color: #ffffff; 
	text-align: left;
	font-weight: 300;
}

.page #WR-forITexperts5-1 span{
	background-color: #000000;
}

@media screen and (max-width: 900px) {
	.page #WR-forITexperts5 {
		width: 100%;
		height: 40vw;
	}
	
	.page #WR-forITexperts5-1 {
		width: 100%-20px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 16vw;
		font-size: 7vw;
		line-height: 10vw;
	}
}

@media screen and (min-width: 900px) {
	.page #WR-forITexperts5 {
		width: 100%;
		height: 30vw;
	}

	.page #WR-forITexperts5-1 {
		width: 850px;
		padding-top: 13vw;
		font-size: 4.3vw;
		line-height: 7vw;
	}
}

@media screen and (min-width: 1300px) {
	.page #WR-forITexperts5 {
		width: 100%;
		height: 30vw;
	}

	.page #WR-forITexperts5-1 {
		width: 1100px;
		padding-top: 13vw;
		font-size: 4.3vw;
		line-height: 7vw;
	}
}

.page #WR-forITexperts6 {
	margin-left: auto;
	margin-right: auto;
	text-align: justify;
}

@media screen and (max-width: 900px) {
	.page #WR-forITexperts6 {
		width: 100%-40px;
		font-size: 4vw;
		line-height: 5.5vw;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media screen and (min-width: 900px) {
	.page #WR-forITexperts6 {
		width: 850px;
		font-size: 1.7em;
		line-height: 1.45em;
		padding-top: 25px;
		padding-bottom: 25px;
	}
}

@media screen and (min-width: 1300px) {
	.page #WR-forITexperts6 {
		width: 1100px;
		font-size: 3em;
		line-height: 1.45em;
		padding-top: 25px;
		padding-bottom: 25px;
	}
}

.page #WR-forITexperts7 {
	width: 100%;
	background-color: #f5f5f5;
	border-top: 1px solid #ececec;
	border-bottom: 1px solid #ececec;
}

.page #WR-forITexperts7-1 {
	display:flex; 
	flex-wrap: wrap;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

.page #WR-forITexperts7-1 .sentence h1 {
	text-align: center;
}

@media screen and (max-width: 900px) {
	.page #WR-forITexperts7-1 {
		padding-top: 0px;
		padding-bottom: 25px;
		vertical-align: top;
		font-size: 3.5vw;
		line-height: 4.5vw;
	}
	
	.page #WR-forITexperts7-1 .sentence {
		width: 40vw;
		float: left;
		padding: 10px;
		margin:auto;
	}
	
	.page #WR-forITexperts7-1 .sentence h1{
		font-size: 4.5vw;
		height: 10vw;
		line-height: 5vw;
	}
}

@media screen and (min-width: 900px) {
	.page #WR-forITexperts7-1 {
		width: 850px;
		font-size: 1.92em;
		line-height: 1.5em;
		padding-top: 15px;
		padding-bottom: 12px;
	}
	
	.page #WR-forITexperts7-1 .sentence {
		width: 30%;
		float: left;
		height: 120px;
		padding: 10px;
	}
	
	.page #WR-forITexperts7-1 .sentence h1 {
		font-size: 1.5em;
		height: 85px;
		margin-top: 10px;
		margin-bottom: 0px;
	}
	
	.page #WR-forITexperts7-1 .space-keeper {
		display: none;
	}
}

@media screen and (min-width: 1300px) {
	.page #WR-forITexperts7-1 {
		width: 1100px;
		font-size: 2.5em;
		line-height: 1.5em;
		padding-top: 25px;
		padding-bottom: 15px;
	}
	
	.page #WR-forITexperts7-1 .sentence {
		width: 31%;
		float: left;
		height: 155px;
		padding: 10px;
	}
	
	.page #WR-forITexperts7-1 .sentence h1{
		font-size: 1.5em;
		height: 85px;
		margin-top: 10px;
		margin-bottom: 0px;
	}
	
	.page #WR-forITexperts7-1 .space-keeper {
		display: none;
	}
}

.page #WR-forITexperts8 {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

@media screen and (max-width: 900px) {
	.page #WR-forITexperts8 {
		width: 100%;
		font-size: 2em;
		line-height: 1.6em;
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media screen and (min-width: 900px) {
	.page #WR-forITexperts8 {
		width: 850px;
		font-size: 3.2em;
		line-height: 1.6em;
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media screen and (min-width: 1300px) {
	.page #WR-forITexperts8 {
		width: 1100px;
		font-size: 3.7em;
		line-height: 1.6em;
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

.page #WR-forITexperts9 {
	width: 100%;
	background-color: #f5f5f5;
	border-top: 1px solid #ececec;
	border-bottom: 1px solid #ececec;
}

.page #WR-forITexperts9-1 {
	display:flex; 
	flex-wrap: wrap;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

.page #WR-forITexperts9-1 .sentence h1 {
	text-align: center;
}

@media screen and (max-width: 900px) {
	.page #WR-forITexperts9-1 {
		padding-top: 0px;
		padding-bottom: 25px;
		vertical-align: top;
		font-size: 3.5vw;
		line-height: 4.5vw;
	}
	
	.page #WR-forITexperts9-1 .sentence {
		width: 40vw;
		float: left;
		padding: 10px;
		margin:auto;
	}
	
	.page #WR-forITexperts9-1 .sentence h1{
		font-size: 3.3vw;
		height: 10vw;
		line-height: 4.4vw;
	}
}

@media screen and (min-width: 900px) {
	.page #WR-forITexperts9-1 {
		width: 850px;
		font-size: 1.92em;
		line-height: 1.5em;
		padding-top: 15px;
		padding-bottom: 12px;
	}
	
	.page #WR-forITexperts9-1 .sentence {
		width: 30%;
		float: left;
		height: 120px;
		padding: 10px;
	}
	
	.page #WR-forITexperts9-1 .sentence h1 {
		font-size: 1em;
		height: 85px;
		margin-top: 10px;
		margin-bottom: 0px;
	}
	
	.page #WR-forITexperts9-1 .space-keeper {
		display: none;
	}
}

@media screen and (min-width: 1300px) {
	.page #WR-forITexperts9-1 {
		width: 1100px;
		font-size: 2.5em;
		line-height: 1.5em;
		padding-top: 25px;
		padding-bottom: 15px;
	}
	
	.page #WR-forITexperts9-1 .sentence {
		width: 31%;
		float: left;
		height: 155px;
		padding: 10px;
	}
	
	.page #WR-forITexperts9-1 .sentence h1{
		font-size: 1em;
		height: 85px;
		margin-top: 10px;
		margin-bottom: 0px;
	}
	
	.page #WR-forITexperts9-1 .space-keeper {
		display: none;
	}
}

.page #WR-forITexperts10 {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

@media screen and (max-width: 900px) {
	.page #WR-forITexperts10 {
		width: 100%;
		font-size: 2em;
		line-height: 1.6em;
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media screen and (min-width: 900px) {
	.page #WR-forITexperts10 {
		width: 850px;
		font-size: 3.2em;
		line-height: 1.6em;
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media screen and (min-width: 1300px) {
	.page #WR-forITexperts10 {
		width: 1100px;
		font-size: 3.7em;
		line-height: 1.6em;
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

.page #WR-forITexperts11 {
	width: 100%;
	background-color: #f5f5f5;
	border-top: 1px solid #ececec;
	border-bottom: 1px solid #ececec;
}

.page #WR-forITexperts11-1 {
	display:flex; 
	flex-wrap: wrap;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

.page #WR-forITexperts11-1 .sentence h1 {
	text-align: left;
}

@media screen and (max-width: 900px) {
	.page #WR-forITexperts11-1 {
		padding-top: 0px;
		padding-bottom: 25px;
		vertical-align: top;
		font-size: 3.5vw;
		line-height: 4.5vw;
	}
	
	.page #WR-forITexperts11-1 .sentence {
		width: 100%-40px;
		padding: 20px;
	}
	
	.page #WR-forITexperts11-1 .sentence h1{
		font-size: 4.5vw;
		line-height: 6vw;
	}
	
	.page #WR-forITexperts11-1 .sentence p.tab{
		padding-left: 5vw;
	}
}

@media screen and (min-width: 900px) {
	.page #WR-forITexperts11-1 {
		width: 850px;
		font-size: 1em;
		line-height: 2em;
		padding-top: 15px;
		padding-bottom: 12px;
	}
	
	.page #WR-forITexperts11-1 .sentence {
		width: 47%;
		float: left;
		padding: 10px;
	}
	
	.page #WR-forITexperts11-1 .sentence h1 {
		font-size: 2.3em;
		margin-top: 10px;
		margin-bottom: 38px;
	}
	
	.page #WR-forITexperts11-1 .sentence p{
		font-size: 1.5em;
	}
	
	.page #WR-forITexperts11-1 .sentence p.tab{
		padding-left: 12px;
	}
	
	.page #WR-forITexperts11-1 .space-keeper {
		display: none;
	}
}

@media screen and (min-width: 1300px) {
	.page #WR-forITexperts11-1 {
		width: 1100px;
		font-size: 1em;
		line-height: 2.5em;
		padding-top: 25px;
		padding-bottom: 15px;
	}
	
	.page #WR-forITexperts11-1 .sentence {
		width: 48%;
		float: left;
		padding: 10px;
	}
	
	.page #WR-forITexperts11-1 .sentence h1{
		font-size: 3em;
		margin-top: 10px;
		margin-bottom: 50px;
	}
	
	.page #WR-forITexperts11-1 .sentence p{
		font-size: 1.75em;
	}
	
	.page #WR-forITexperts11-1 .sentence p.tab{
		padding-left: 15px;
	}
	
	.page #WR-forITexperts11-1 .space-keeper {
		display: none;
	}
}

.page #WR-innovation1 {
	background-color: #000000;
	border-bottom: 1px solid #4c7a89;
	background: url('../gfx/WR-innovation_pic1.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 25%;
}

.page #WR-innovation1-1 {
	margin-left: auto;
	margin-right: auto;
	color: #ffffff; 
	text-align: left;
	font-weight: 300;
}

.page #WR-innovation1-1 span{
	background-color: #000000;
}

@media screen and (max-width: 900px) {
	.page #WR-innovation1 {
		width: 100%;
		height: 45vw;
	}
	
	.page #WR-innovation1-1 {
		width: 100%-20px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 21vw;
		font-size: 7.5vw;
		line-height: 10.5vw;
	}
}

@media screen and (min-width: 900px) {
	.page #WR-innovation1 {
		width: 100%;
		height: 35vw;
	}
	
	.page #WR-innovation1-1 {
		width: 850px;
		padding-top: 20vw;
		font-size: 5.5vw;
		line-height: 7vw;
	}
}

@media screen and (min-width: 1300px) {
	.page #WR-innovation1 {
		width: 100%;
		height: 35vw;
	}
	
	.page #WR-innovation1-1 {
		width: 1100px;
		padding-top: 20vw;
		font-size: 5.5vw;
		line-height: 7vw;
	}
}

.page #WR-innovation2 {
	width: 100%;
}

.page #WR-innovation2 .element-container {
}

.page #WR-innovation2 .odd {
	background-color: #f5f5f5;
	border-top: 1px solid #ececec;
	border-bottom: 1px solid #ececec;
}

.page #WR-innovation2 .element {
	margin-left: auto;
	margin-right: auto;
}

.page #WR-innovation2 .element .title {
	font-weight: 400;
	text-align: left;
}

.page #WR-innovation2 .element .description {
	text-align: justify;
}

@media screen and (max-width: 900px) {
	.page #WR-innovation2 .element {
		padding-top: 5vw;
		padding-bottom: 5vw;
		width: 100%;
	}
	
	.page #WR-innovation2 .element .title {
		padding-left: 20px;
		padding-right: 20px;
		font-size: 6.5vw;
		line-height: 9vw;
		width: 100%-40px;
	}
	
	.page #WR-innovation2 .element .description {
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 4vw;
		font-size: 4.5vw;
		line-height: 7vw;
		width: 100%-40px;
		font-weight: 300;
	}
}

@media screen and (min-width: 900px) {
	.page #WR-innovation2 .element {
		padding-top: 23px;
		padding-bottom: 23px;
		width: 850px;
	}
	
	.page #WR-innovation2 .element .title {
		padding: 10px;
		font-size: 2.85em;
		line-height: 1.5em;
		width: 250px;
		float: left;
	}
	
	.page #WR-innovation2 .element .description {
		padding: 10px;
		padding-top: 18px;
		font-size: 1.54em;
		line-height: 1.5em;
		width: 560px;
		float: right;
		font-weight: 200;
	}
}

@media screen and (min-width: 1300px) {
	.page #WR-innovation2 .element {
		padding-top: 30px;
		padding-bottom: 30px;
		width: 1100px;
	}
	
	.page #WR-innovation2 .element .title {
		padding: 10px;
		font-size: 3.7em;
		line-height: 1.5em;
		width: 330px;
		float: left;
	}
	
	.page #WR-innovation2 .element .description {
		padding: 10px;
		padding-top: 22px;
		font-size: 2.0em;
		line-height: 1.5em;
		width: 730px;
		float: right;
		font-weight: 200;
	}
}

.page #WR-aboutus1 {
	background-color: #000000;
	border-bottom: 1px solid #c16e3c;
	background: url('../gfx/WR-aboutus_pic1.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top left;
}

.page #WR-aboutus1-1 {
	margin-left: auto;
	margin-right: auto;
	color: #ffffff; 
	text-align: right;
	font-weight: 300;
}

.page #WR-aboutus1-1 span{
	background-color: #000000;
}

@media screen and (max-width: 900px) {
	.page #WR-aboutus1 {
		width: 100%;
		height: 50vw;
	}
	
	.page #WR-aboutus1-1 {
		width: 100%-20px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 19vw;
		font-size: 7vw;
		line-height: 10vw;
	}
}

@media screen and (min-width: 900px) {
	.page #WR-aboutus1 {
		width: 100%;
		height: 40vw;
	}
	
	.page #WR-aboutus1-1 {
		width: 850px;
		padding-top: 19vw;
		font-size: 4vw;
		line-height: 6vw;
	}
}

@media screen and (min-width: 1300px) {
	.page #WR-aboutus1 {
		width: 100%;
		height: 40vw;
	}
	
	.page #WR-aboutus1-1 {
		width: 1100px;
		padding-top: 19vw;
		font-size: 4vw;
		line-height: 6vw;
	}
}

.page #WR-aboutus2 {
	margin-left: auto;
	margin-right: auto;
	text-align: justify;
}

@media screen and (max-width: 900px) {
	.page #WR-aboutus2 {
		width: 100%-40px;
		font-size: 4vw;
		line-height: 5.5vw;
		padding-top: 15px;
		padding-bottom: 15px;
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media screen and (min-width: 900px) {
	.page #WR-aboutus2 {
		width: 850px;
		font-size: 1.54em;
		line-height: 1.45em;
		padding-top: 25px;
		padding-bottom: 25px;
	}
}

@media screen and (min-width: 1300px) {
	.page #WR-aboutus2 {
		width: 1100px;
		font-size: 2em;
		line-height: 1.45em;
		padding-top: 15px;
		padding-bottom: 15px;
	}
}

.page #WR-aboutus3 {
	background-color: #000000;
	border-top: 1px solid #3d3b36;
	border-bottom: 1px solid #242424;
	background: url('../gfx/WR-opensite-bg.png');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}

@media screen and (max-width: 900px) {
	.page #WR-aboutus3 {
		width: 100%;
		height: 50vw;
	}
}

@media screen and (min-width: 900px) {
	.page #WR-aboutus3 {
		width: 100%;
		height: 27vw;
	}
}

@media screen and (min-width: 1300px) {
	.page #WR-aboutus3 {
		width: 100%;
		height: 27vw;
	}
}

.page #WR-aboutus4 {
	margin-left: auto;
	margin-right: auto;
	text-align: justify;
}

@media screen and (max-width: 900px) {
	.page #WR-aboutus4 {
		width: 100%-40px;
		font-size: 4vw;
		line-height: 5.5vw;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media screen and (min-width: 900px) {
	.page #WR-aboutus4 {
		width: 850px;
		font-size: 1.54em;
		line-height: 1.45em;
		padding-top: 25px;
		padding-bottom: 25px;
	}
}

@media screen and (min-width: 1300px) {
	.page #WR-aboutus4 {
		width: 1100px;
		font-size: 2em;
		line-height: 1.45em;
		padding-top: 25px;
		padding-bottom: 25px;
	}
}

.page #WR-deployment1 {
	background-color: #000000;
	border-bottom: 1px solid #c16e3c;
	background: url('../gfx/WR-deployment_pic1.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 52%;
}

.page #WR-deployment1-1 {
	margin-left: auto;
	margin-right: auto;
	color: #ffffff; 
	text-align: left;
	font-weight: 300;
}

.page #WR-deployment1-1 span{
	background-color: #ff0279;
	color: #000000;
}

@media screen and (max-width: 900px) {
	.page #WR-deployment1 {
		width: 100%;
		height: 50vw;
	}
	
	.page #WR-deployment1-1 {
		width: 100%-40px;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 12vw;
		font-size: 9vw;
		line-height: 11vw;
	}
}

@media screen and (min-width: 900px) {
	.page #WR-deployment1 {
		width: 100%;
		height: 40vw;
	}
	
	.page #WR-deployment1-1 {
		width: 850px;
		padding-top: 16vw;
		font-size: 6vw;
		line-height: 7vw;
	}
}

@media screen and (min-width: 1300px) {
	.page #WR-deployment1 {
		width: 100%;
		height: 40vw;
	}
	
	.page #WR-deployment1-1 {
		width: 1100px;
		padding-top: 16vw;
		font-size: 6vw;
		line-height: 7vw;
	}
}

.page #WR-deployment2 {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

@media screen and (max-width: 900px) {
	.page #WR-deployment2 {
		width: 100%;
		font-size: 2em;
		line-height: 1.6em;
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media screen and (min-width: 900px) {
	.page #WR-deployment2 {
		width: 850px;
		font-size: 3.2em;
		line-height: 1.6em;
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media screen and (min-width: 1300px) {
	.page #WR-deployment2 {
		width: 1100px;
		font-size: 3.7em;
		line-height: 1.6em;
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

.page #WR-deployment3 {
	width: 100%;
}

.page #WR-deployment3 .element-container {
}

.page #WR-deployment3 .odd {
	background-color: #f5f5f5;
	border-top: 1px solid #ececec;
	border-bottom: 1px solid #ececec;
}

.page #WR-deployment3 .element {
	margin-left: auto;
	margin-right: auto;
}

.page #WR-deployment3 .element .title {
	font-weight: 400;
	text-align: left;
}

.page #WR-deployment3 .element .description {
	text-align: justify;
}

@media screen and (max-width: 900px) {
	.page #WR-deployment3 .element {
		padding-top: 5vw;
		padding-bottom: 5vw;
		width: 100%;
	}
	
	.page #WR-deployment3 .element .title {
		padding-left: 20px;
		padding-right: 20px;
		font-size: 6.5vw;
		line-height: 9vw;
		width: 100%-40px;
	}
	
	.page #WR-deployment3 .element .description {
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 4vw;
		font-size: 4.5vw;
		line-height: 7vw;
		width: 100%-40px;
		font-weight: 300;
	}
}

@media screen and (min-width: 900px) {
	.page #WR-deployment3 .element {
		padding-top: 23px;
		padding-bottom: 23px;
		width: 850px;
	}
	
	.page #WR-deployment3 .element .title {
		padding: 10px;
		font-size: 2.85em;
		line-height: 1.5em;
		width: 250px;
		float: left;
	}
	
	.page #WR-deployment3 .element .description {
		padding: 10px;
		padding-top: 18px;
		font-size: 1.54em;
		line-height: 1.5em;
		width: 560px;
		float: right;
		font-weight: 200;
	}
}

@media screen and (min-width: 1300px) {
	.page #WR-deployment3 .element {
		padding-top: 30px;
		padding-bottom: 30px;
		width: 1100px;
	}
	
	.page #WR-deployment3 .element .title {
		padding: 10px;
		font-size: 3.7em;
		line-height: 1.5em;
		width: 330px;
		float: left;
	}
	
	.page #WR-deployment3 .element .description {
		padding: 10px;
		padding-top: 22px;
		font-size: 2.0em;
		line-height: 1.5em;
		width: 730px;
		float: right;
		font-weight: 200;
	}
}

.page #WR-deployment4 {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

@media screen and (max-width: 900px) {
	.page #WR-deployment4 {
		width: 100%;
		font-size: 2em;
		line-height: 1.6em;
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media screen and (min-width: 900px) {
	.page #WR-deployment4 {
		width: 850px;
		font-size: 3.2em;
		line-height: 1.6em;
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media screen and (min-width: 1300px) {
	.page #WR-deployment4 {
		width: 1100px;
		font-size: 3.7em;
		line-height: 1.6em;
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

.page #WR-deployment5 {
	margin-left: auto;
	margin-right: auto;
	text-align: justify;
}

@media screen and (max-width: 900px) {
	.page #WR-deployment5 {
		width: 100%-40px;
		font-size: 4vw;
		line-height: 5.5vw;
		padding-top: 15px;
		padding-bottom: 15px;
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media screen and (min-width: 900px) {
	.page #WR-deployment5 {
		width: 850px;
		font-size: 1.54em;
		line-height: 1.45em;
		padding-top: 25px;
		padding-bottom: 25px;
	}
}

@media screen and (min-width: 1300px) {
	.page #WR-deployment5 {
		width: 1100px;
		font-size: 2em;
		line-height: 1.45em;
		padding-top: 15px;
		padding-bottom: 15px;
	}
}

.page #WR-deployment6 {
	background-color: #000000;
	border-bottom: 1px solid #c16e3c;
	background: url('../gfx/WR-forITexperts_pic2.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 0% 25%;
}

.page #WR-deployment6-1 {
	margin-left: auto;
	margin-right: auto;
	color: #ffffff; 
	text-align: right;
	font-weight: 300;
}

.page #WR-deployment6-1 span{
	background-color: #000000;
}

@media screen and (max-width: 900px) {
	.page #WR-deployment6 {
		width: 100%;
		height: 40vw;
	}
	
	.page #WR-deployment6-1 {
		width: 100%-20px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 26vw;
		font-size: 7vw;
		line-height: 10vw;
	}
}

@media screen and (min-width: 900px) {
	.page #WR-deployment6 {
		width: 100%;
		height: 30vw;
	}
	
	.page #WR-deployment6-1 {
		width: 850px;
		padding-top: 20.5vw;
		font-size: 4vw;
		line-height: 6vw;
	}
}

@media screen and (min-width: 1300px) {
	.page #WR-deployment6 {
		width: 100%;
		height: 30vw;
	}
	
	.page #WR-deployment6-1 {
		width: 1100px;
		padding-top: 20.5vw;
		font-size: 4vw;
		line-height: 6vw;
	}
}

.page #WR-deployment7 {
	width: 100%;
}

.page #WR-deployment7 .element-container {
}

.page #WR-deployment7 .odd {
	background-color: #f5f5f5;
	border-top: 1px solid #ececec;
	border-bottom: 1px solid #ececec;
}

.page #WR-deployment7 .element {
	margin-left: auto;
	margin-right: auto;
}

.page #WR-deployment7 .element .title {
	font-weight: 400;
	text-align: left;
}

.page #WR-deployment7 .element .description {
	text-align: justify;
}

.page #WR-deployment7 .element a {
	background-color: #000000;
	color: #ffffff;
	border-radius: 25px;
	padding: 8px 15px 8px 15px;
	text-decoration: none;
	font-weight: 500;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.page #WR-deployment7 .element a:hover {
	background-color: #fdd022;
	color: #000000;
}

@media screen and (max-width: 900px) {
	.page #WR-deployment7 .element {
		padding-top: 5vw;
		padding-bottom: 5vw;
		width: 100%;
	}
	
	.page #WR-deployment7 .element .title {
		padding-left: 20px;
		padding-right: 20px;
		font-size: 6.5vw;
		line-height: 9vw;
		width: 100%-40px;
	}
	
	.page #WR-deployment7 .element .description {
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 4vw;
		font-size: 4.5vw;
		line-height: 7vw;
		width: 100%-40px;
		font-weight: 300;
	}
	
	.page #WR-deployment7 .element a {
		font-size: 4vw;
	}
}

@media screen and (min-width: 900px) {
	.page #WR-deployment7 .element {
		padding-top: 23px;
		padding-bottom: 23px;
		width: 850px;
	}
	
	.page #WR-deployment7 .element .title {
		padding: 10px;
		font-size: 2.85em;
		line-height: 1.5em;
		width: 250px;
		float: left;
	}
	
	.page #WR-deployment7 .element .description {
		padding: 10px;
		padding-top: 18px;
		font-size: 1.54em;
		line-height: 1.5em;
		width: 560px;
		float: right;
		font-weight: 200;
	}
	
	.page #WR-deployment7 .element a {
		font-size: 0.8em;
	}
}

@media screen and (min-width: 1300px) {
	.page #WR-deployment7 .element {
		padding-top: 30px;
		padding-bottom: 30px;
		width: 1100px;
	}
	
	.page #WR-deployment7 .element .title {
		padding: 10px;
		font-size: 3.7em;
		line-height: 1.5em;
		width: 330px;
		float: left;
	}
	
	.page #WR-deployment7 .element .description {
		padding: 10px;
		padding-top: 22px;
		font-size: 2.0em;
		line-height: 1.5em;
		width: 730px;
		float: right;
		font-weight: 200;
	}
	
	.page #WR-deployment7 .element a {
		font-size: 0.8em;
	}
}

.page #WR-applications1 {
	background-color: #000000;
	border-bottom: 1px solid #4e96c6;
	background: url('../gfx/WR-applications_pic1.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 40%;
}

.page #WR-applications1-1 {
	margin-left: auto;
	margin-right: auto;
	color: #000000; 
	text-align: left;
	font-weight: 300;
}

.page #WR-applications1-1 span{
	background-color: #fdd022;
}

@media screen and (max-width: 900px) {
	.page #WR-applications1 {
		width: 100%;
		height: 41.15vw;
	}
	
	.page #WR-applications1-1 {
		width: 100%-20px;
		padding-left: 10px;
		padding-right: 10px;
		padding-top: 15vw;
		font-size: 6vw;
		line-height: 8vw;
	}
}

@media screen and (min-width: 900px) {
	.page #WR-applications1 {
		width: 100%;
		height: 33.1vw;
	}
	
	.page #WR-applications1-1 {
		width: 850px;
		padding-top: 16vw;
		font-size: 3.6vw;
		line-height: 5vw;
	}
}

@media screen and (min-width: 1300px) {
	.page #WR-applications1 {
		width: 100%;
		height: 33.1vw;
	}
	
	.page #WR-applications1-1 {
		width: 1100px;
		padding-top: 16vw;
		font-size: 4vw;
		line-height: 4.8vw;
	}
}

.page #WR-references1 {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

@media screen and (max-width: 900px) {
	.page #WR-references1 {
		width: 100%;
		font-size: 2em;
		line-height: 1.6em;
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media screen and (min-width: 900px) {
	.page #WR-references1 {
		width: 850px;
		font-size: 3.2em;
		line-height: 1.6em;
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

@media screen and (min-width: 1300px) {
	.page #WR-references1 {
		width: 1100px;
		font-size: 3.7em;
		line-height: 1.6em;
		padding-top: 30px;
		padding-bottom: 30px;
	}
}

.page #WR-references2 {
	background-color: #f5f5f5;
	border-top: 1px solid #ececec;
	border-bottom: 1px solid #ececec;
}

.page #WR-references2-1 {
	display:grid;
	grid-template-columns: 1fr 1fr 1fr; /*Ez azt jelenti, hogy 3 egyenlő fraction.*/
	grid-column-gap: 35px; /*Ez az oszlopok közötti térköz, ezért nemk ell belső padding.*/
	/*flex-wrap: wrap;-> a gridnél ez amúgy sem érvényes*/
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	padding-top: 25px;
	padding-bottom: 25px;
}

.page #WR-references2-1 .element{
	display: grid; 
	grid-template-rows: 19vmin auto 0vmin; 
}

.page #WR-references2-1 .element .ref{
	margin: auto;
	background-color: #ffffff;
	background-size: 80%;
    background-position: center center;
}

.page #WR-references2-1 .element h1 {
	font-weight: 500;
	text-align: center;
}

.page #WR-references2-1 .element p {
	text-align: center;
}

@media screen and (max-width: 900px) {
	.page #WR-references2-1 {
	grid-template-columns: 1fr 1fr;
		/*width: 850px;*/
	grid-column-gap: 10px; /*Ez az oszlopok közötti térköz, ezért nemk ell belső padding.*/
	}
	
	.page #WR-references2-1 .element {
		/*width: 40vw;
		float: left;*/
		padding: 10px;
		padding-bottom: 30px;
		/*margin:auto; Emiatt is voltak elcsúszva az ikonok. */
	}

	.page #WR-references2-1 .element h1 {
		font-size: 3vw;
		/*height: 40px; -> bizonyos méretnél rálógott a szövegre, helyette 10vw-t állítottam be*/
		height: 4vw;
		line-height: 5vw;
	}
	
	.page #WR-references2-1 .element p {
		font-size: 2.5vw;
	}
}

@media screen and (min-width: 900px) {
	.page #WR-references2-1 {
		width: 850px;
	}
	
	.page #WR-references2-1 .element {
		/*width: 30%; -> nincs rá szükség, mert a grid megoldja a 3 egyform oszlopot.*/
		padding: 10px;
	}

	.page #WR-references2-1 .element h1 {
		font-size: 1.38em;
		line-height: 1.5em;
		height: 25px;
	}
	
	.page #WR-references2-1 .element p {
		margin-bottom: 16px;
	}
}

@media screen and (min-width: 1300px) {
	.page #WR-references2-1 {
		width: 1100px;
	}
	
	.page #WR-references2-1 .element {
		/*width: 31%;*/
		padding: 10px;
	}

	.page #WR-references2-1 .element h1 {
		font-size: 1.8em;
		line-height: 1.5em;
		height: 32px;
	}
	
	.page #WR-references2-1 .element p {
		margin-bottom: 20px;
	}
}

.page #WR-product-details1 {
	width: 100%;
	background-color: #000000;
	border-bottom: 1px solid #4e96c6;
	background: url('../gfx/background_default.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}

.page #WR-product-details1-1 {
	margin-left: auto;
	margin-right: auto;
	/*color: #ffffff;*/
	color: #000000; 
}

.page #WR-product-details1-1 span{
	/*background-color: #000000;*/
	background-color: #fdd022;
}

@media screen and (max-width: 900px) {
	.page #WR-product-details1-1 {
		width: 100%-20px;
		padding-top: 6vw;
		padding-bottom: 6vw;
		padding-left: 10px;
	}
	
	.page #WR-product-details1-1 .iui_tile_desktop {
		/*float: right;*/
	}
	
	.page #WR-product-details1-1 .module-title {
		/*float: left;*/
		padding-top: 10px;
		font-size: 6vw;
		font-weight: 300;
	}
}

@media screen and (min-width: 900px) {
	.page #WR-product-details1-1 {
		width: 850px;
		padding-top: 31px;
		padding-bottom: 31px;
	}
	
	.page #WR-product-details1-1 .iui_tile_desktop {
		/*float: right;*/
	}
	
	.page #WR-product-details1-1 .module-title {
		/*float: left;*/
		padding-top: 23px;
		font-size: 3em;
		font-weight: 300;
	}
}

@media screen and (min-width: 1300px) {
	.page #WR-product-details1-1 {
		width: 1100px;
		padding-top: 40px;
		padding-bottom: 40px;
	}
	
	.page #WR-product-details1-1 .iui_tile_desktop {
		/*float: right;*/
	}
	
	.page #WR-product-details1-1 .module-title {
		/*float: left;*/
		padding-top: 30px;
		font-size: 4em;
		font-weight: 300;
	}
}

.page #WR-product-details2 {
	background-color: #ffffff;
	color: #000000;
}

.page #WR-product-details2 p {
	text-align: justify;
}

@media screen and (max-width: 900px) {
	.page #WR-product-details2 {
		width: 100%-40px;
		padding-top: 4vw;
		padding-bottom: 4vw;
		padding-left: 20px;
		padding-right: 20px;
		font-size: 5vw;
		line-height: 7vw;
	}
	
	.page #WR-product-details2 h1 {
		font-size: 1.5em;
		padding-top: 20px;
	}
	
	.page #WR-product-details2 ul {
		padding-left: 40px;
	}
	
	.page #WR-product-details2 ul li:not(:last-child) {
		padding-bottom: 12px;
	}
	
	.page #WR-product-details2 .product-image {
		width: 100%;
	}
}

@media screen and (min-width: 900px) {
	.page #WR-product-details2 {
		padding-top: 31px;
		padding-bottom: 31px;
		width: 850px;
		margin: auto;
		font-size: 1.93em;
		line-height: 1.5em;
	}
	
	.page #WR-product-details2 h1 {
		font-size: 1.5em;
		padding-top: 20px;
	}
	
	.page #WR-product-details2 ul {
		padding-left: 40px;
	}
	
	.page #WR-product-details2 ul li:not(:last-child) {
		padding-bottom: 12px;
	}
	
	.page #WR-product-details2 .product-image {
		width: 850px;
	}
}

@media screen and (min-width: 1300px) {
	.page #WR-product-details2 {
		padding-top: 10px;
		padding-bottom: 40px;
		width: 1100px;
		margin: auto;
		font-size: 2.5em;
		line-height: 1.5em;
	}
	
	.page #WR-product-details2 h1 {
		font-size: 1.5em;
		padding-top: 30px;
	}
	
	.page #WR-product-details2 ul {
		padding-left: 50px;
	}
	
	.page #WR-product-details2 ul li:not(:last-child) {
		padding-bottom: 15px;
	}
	
	.page #WR-product-details2 .product-image {
		width: 1100px;
	}
}

.page #return {
	background-color: #ffffff;
	color: #000000;
	display: inline-block;
}

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

.page #return a {
	background-color: #000000;
	color: #ffffff;
	border-radius: 25px;
	padding: 8px 15px 8px 15px;
	text-decoration: none;
	font-weight: 500;
	margin: 2px;
}

.page #return a:hover {
	background-color: #fdd022;
	color: #000000;
}

@media screen and (max-width: 900px) {
	.page #return {
		width: 100%-20px;
		padding-top: 4vw;
		padding-bottom: 4vw;
		padding-left: 10px;
		padding-bottom: 10px;
	
	}
	.page #return a
	{
		float: left;

		
	}	
}

@media screen and (min-width: 900px) {
	.page #return {
		padding-top: 15px;
		padding-bottom: 31px;
		width: 850px;
		margin: auto;
		font-size: 1em;
	}
}

@media screen and (min-width: 1300px) {
	.page #return {
		padding-top: 20px;
		padding-bottom: 40px;
		width: 1100px;
		margin: auto;
		font-size: 1.2em;
	}
}

/*.footer,
.push {
	clear: both;
	margin: 0 auto;
	height: 70px;
	text-align:center;
	width:950px;
}*/

.footer {
	/*border-bottom:12px solid #000;*/
	padding-top: 20px;
	padding-bottom: 20px;
}

.footer .footerText {
	margin: auto;
	color: #aaa;
	border-top: 1px solid #ddd;
	text-align: center;
	font-weight: 300;
}

.footer .footerText a {
	color: #000000;
	text-decoration: underline;
	text-decoration-color: #fdd022
}

.footer .footerText a:hover {
	color: #fdd022;
	text-decoration: underline;
	text-decoration-color: #000000;
}

@media screen and (max-width: 900px) {
	.footer .footerText {
		padding-top: 10px;
		width: 100%;
	}
}

@media screen and (min-width: 900px) {
	.footer .footerText {
		padding-top: 10px;
		width: 850px;
	}
}

@media screen and (min-width: 1300px) {
	.footer .footerText {
		padding-top: 10px;
		width: 1100px;
	}
}

/**
*** Csempék osztályai
*/
/*Desktop csempék általános méretezése*/
[data-aid='tile']
{
	font-family: "Open Sans", Arial, sans-serif;
	font-weight: 400;
	padding: 5px;
	margin: 2px;
	/*display: inline-block;*/
	cursor: pointer; /*Ez kell majd bele? */
	overflow: hidden;
	width: 16vmin;
	height: 16vmin;
	color: #FFF;
	background-repeat: no-repeat;
	font-size: 1.3vmin;
	border-radius: 0.5vmin;
	/*box-shadow: 3px 3px 10px #000000;*/
	box-shadow:
		0 1px 2.2px rgba(0, 0, 0, 0.025),
		0 2.3px 5.3px rgba(0, 0, 0, 0.036),
		0 4.4px 10px rgba(0, 0, 0, 0.045),
		0 7.8px 17.9px rgba(0, 0, 0, 0.054),
		0 14.6px 33.4px rgba(0, 0, 0, 0.065),
		0 35px 80px rgba(0, 0, 0, 0.09);
}

[data-aid='tile'].iui_tile_desktop
{
	background-position: 90% 90%;
	background-size: 5vmin 5vmin;
}

[data-aid='tile'].iui_icon
{
	background-size: 80%;
	background-position: center center;
}

[data-aid='tile'].iui_tile_desktop [data-aid='s_shell_name']
{
	text-transform: uppercase;
	height: 5vmin;
}

/*Projekt kezelés*/
.c_func_work
{
	background-image: url('../gfx/c_func_work.svg');
	background-color: #fb8400;

}
/*Számlázás*/
.c_func_bank 
{
    background-color: #054767;
    background-image: url('../gfx/c_func_bank.svg');
    background-size: 100%;
}
/*Raktár*/
.c_func_stock
{
	background-image: url('../gfx/c_func_stock.svg');
	background-color: #325c5b;
}
/*Naptár*/
.c_func_time 
{
    background-image: url('../gfx/c_func_time.svg');
    background-color: rgba( 170, 0, 0, 0.9 );
    background-size: 75%;
}
/*Szervezet*/
.c_func_org 
{
    background-color: #74AE0f;
    background-image: url('../gfx/c_func_org.svg');
}
/*Site*/
.c_func_site 
{
    background-color: #74AE0f;
    background-image: url('../gfx/c_func_site.svg');
}
/*Cikk*/
.c_func_item 
{
    background-image: url('../gfx/c_func_item.svg');
    background-color: #808080;
}
/*Dokumentum*/
.c_func_doc 
{
    background-image: url('../gfx/c_func_doc.svg');
    background-color: #0080c0;
    background-size: 80%;
}
/*Kép*/
.c_func_pic 
{
    background-image: url('../gfx/c_func_pic.svg');
    background-color: #0080c0;
    background-size: 75%;
}
/*Üzenet*/
.c_func_message 
{
    background-image: url('../gfx/c_func_message.svg');
    background-color: #0080c0;
    background-size: 75%;
}
/*Értékesítés*/
.c_func_sales 
{
    background-image: url('../gfx/c_func_sales.svg');
    background-color: #e0281f;
}
/*Összeszerelés*/
.c_func_manufacture
{
    background-image: url('../gfx/c_func_manufacture.svg');
    background-color: #080253;
}
/*Keretrendszer*/
.c_func_shell 
{
    background-image: url('../gfx/c_func_shell.svg');
    background-color: #680082;
}

/*###################### DETAILED LIST ##############################*/

.page .pic-container 
{
	cursor: pointer;
	height: 30vw;
	overflow: hidden;

	border-top: 1px solid #ececec;
	border-bottom: 1px solid #ececec;

}

.page .pic-container:hover
{

}

.page .pic-container.pic_open
{
	height: auto;
	overflow: inherit;
}

.page .pic-container .pic
{
	background-color: #f5f5f5;
	height: 	30vw;	
	width: 100%;
	background-size: 130%; 
	background-position: left center; 
	background-repeat: no-repeat;
	transform: perspective(200px) rotateX(2deg) rotateY(0deg);
	z-index: -1;
	position:relative;
	background-attachment: fixed;

}

.page .pic-container:hover .pic{

}

.page .pic-container.pic_open .pic
{
	transform: inherit;
	height: 70vw;
	background-size: 100%; 
	background-position: center center; 
	filter: inherit;
	opacity: 1;
	z-index: 0;
	position: static;
	background-attachment: scroll;

}



.page .detailed-list {
	width: 100%;
}

.page .detailed-list .element-container:nth-child(odd) {
	
	background-color: #f5f5f5;
	border-top: 1px solid #ececec;
	border-bottom: 1px solid #ececec;
}






.page .detailed-list .element {
	margin-left: auto;
	margin-right: auto;
}

.page .detailed-list .element .title {
	font-weight: 400;
	text-align: left;
}

.page .detailed-list .element .description {
	text-align: justify;
}

@media screen and (max-width: 900px) {
	.page .detailed-list .element {
		padding-top: 5vw;
		padding-bottom: 5vw;
		width: 100%;
	}
	
	.page .detailed-list .element .title {
		padding-left: 20px;
		padding-right: 20px;
		font-size: 6.5vw;
		line-height: 9vw;
		width: 100%-40px;
	}
	
	.page .detailed-list .element .description {
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 4vw;
		font-size: 4.5vw;
		line-height: 7vw;
		width: 100%-40px;
		font-weight: 300;
	}
}

@media screen and (min-width: 900px) {
	.page .detailed-list .element {
		padding-top: 23px;
		padding-bottom: 23px;
		width: 850px;
	}
	
	.page .detailed-list .element .title {
		padding: 10px;
		font-size: 2.85em;
		line-height: 1.5em;
		width: 250px;
		float: left;
	}
	
	.page .detailed-list .element .description {
		padding: 10px;
		padding-top: 18px;
		font-size: 1.54em;
		line-height: 1.5em;
		width: 560px;
		float: right;
		font-weight: 200;
	}
}

@media screen and (min-width: 1300px) {
	.page .detailed-list .element {
		padding-top: 30px;
		padding-bottom: 30px;
		width: 1100px;
	}
	
	.page .detailed-list .element .title {
		padding: 10px;
		font-size: 3.7em;
		line-height: 1.5em;
		width: 330px;
		float: left;
	}
	
	.page .detailed-list .element .description {
		padding: 10px;
		padding-top: 22px;
		font-size: 2.0em;
		line-height: 1.5em;
		width: 730px;
		float: right;
		font-weight: 200;
	}
}