/* roboto-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/roboto-v47-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/roboto-v47-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/roboto-v47-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* roboto-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/roboto-v47-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

html {
	/* scrollbar fix (prevent ugly left pull for lower content sites) */
	overflow-y: scroll;
	height:100%
}

body {
	height:100%;margin:0;	padding:0;background-color:#ffffff;color:#000000;	font-family: 'Roboto', sans-serif;	font-size:1em;font-weight:400;}

p{margin:0;padding:0px 0 18px 0;line-height:1.4}

h1, h2 {font-family: 'Roboto', sans-serif;font-weight:600;line-height:1.1;color:#000000;}
h3, h4, h5{font-weight:400;color:#000000;}

h1{font-size:32px;margin:0;padding:0 0 10px 0;}
h2{font-size:28px;margin:0;padding:0 0 10px 0;}
h3, .h3{font-size:26px;margin:0;padding:0 0 4px 0;}

a{color:#000000;text-decoration:none;}
a:hover{color:#0a5a95;}

ul{margin:0 0 18px 24px;padding:0;}
ul li{line-height:1.4;padding-bottom:4px}


.clr{clear:both;}

img{max-width:100%;height:auto;}

.desktop{display:none;}

#logo{padding:20px 5%;position:relative;width:30%;max-width:320px;float:right;z-index:10;}
#feature{top:-50px;position:relative;z-index:1;margin-bottom:-50px;}
main{}

#content_inner{padding:20px 5%;}
#content_inner ul {list-style:none;}
#content_inner ul li{position:relative;}
#content_inner ul li:before{content: '\e649';font-family: "themify";position:absolute;left:-20px;top:2px;font-size:16px;}

#footer1, #footer2, #footer3{padding:20px 5%;}


@media (min-width: 600px) {
	#footer1, #footer2{width:40%;float:left;}
	#footer1 img, #footer2 img{width:100%;max-width:400px;}
	#footer2{text-align:right;}
	#footer3{clear:both;}

}
@media (min-width: 1024px) {
	#wrapper{width:96%; max-width:1900px;margin:auto;}
	.mobil{display:none;}
	.desktop{display:block;}
	main{top:0;}
}

@media (min-width: 1366px) {
	#feature{width:70%;float:left;top:20px;margin-bottom:0;}
	#logo{width:20%;padding:40px 0 0px 10%;}
	main {width:30%;float:right;position:relative;z-index:20;}
	footer:before{display:table;content:"";clear:both;}
	#content_inner{padding-left:0;margin-left:-50px;}
	#shape{shape-outside:polygon(0% 0%,80px 0%, 0% 100%); float: left;  width:80px;height:600px;}
	#content_inner ul li:before{content: '\e649';font-family: "themify";position:relative;left:0;top:2px;font-size:16px;}

}

@media (min-width: 1700px) {

	#feature{width:75%;float:left;top:20px;margin-bottom:0;}
	#logo{width:23%;padding:40px 0 30px 0;}
	main {width:25%;float:right;position:relative;z-index:20;}
	#shape{shape-outside:polygon(0% 0%,80px 0%, 0% 100%); float: left;  width:80px;height:770px;}

}