/* Variablendefinition */

/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/roboto-condensed-v25-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-condensed-v25-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-condensed-v25-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-condensed-v25-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-condensed-v25-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-condensed-v25-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-italic - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/roboto-condensed-v25-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-condensed-v25-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-condensed-v25-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-condensed-v25-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-condensed-v25-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-condensed-v25-latin-italic.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-700 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/roboto-condensed-v25-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-condensed-v25-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-condensed-v25-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-condensed-v25-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-condensed-v25-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-condensed-v25-latin-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-700italic - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: italic;
  font-weight: 700;
  src: url('fonts/roboto-condensed-v25-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/roboto-condensed-v25-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/roboto-condensed-v25-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/roboto-condensed-v25-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('fonts/roboto-condensed-v25-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/roboto-condensed-v25-latin-700italic.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}


/* General Style */ 
 html, body, div, p, h1, h2, h3, ul, ol, span, a, table, td, form, img, li, footer, article, nav, section, navbox, contmain {
   	margin: 0px;
   	padding: 0px;
	}

body {
	background:#FFF;
	background-image:url(layout/bg-content.png);
	background-position:top;
	background-repeat: repeat-x;
	font-size:100%;
	font-family: 'Roboto Condensed', 'Open Sans', 'Trebuchet MS', 'Roboto',  Arial, Trebuchet MS, Tahoma, Helvetica, sans-serif;
	color:#333333;
	margin:0em;
	padding:0em;
}

h1 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:2.6em;
	font-weight:700;
	color:#2E5F7B;
	padding:0em;
	text-align:left;
}

h2 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:1.4em;
	font-weight:700;
	line-height:1.9em;
	color:#2E5F7B;
	margin:0em;margin-bottom:0.5em;
	padding:0em 0em;
	text-align:left;	
}
p {
	font-weight:400;
	font-size:1.200em;
	line-height:1.250em;
	color:#333333;
	margin:0em;margin-top:0.4em;
	padding:0em;
	text-align:left;
}
p.small {
	font-weight:400;
	font-size:0.800em;
	line-height:1.00em;
	color:#333333;
	margin:0em;
	padding:0em;
	text-align:justify;
}
ul {
	margin-left:1em;
	margin-top:0.4em;
}
li {
	text-align:left;
}
.contbox2content ul li {
	margin-top:0.4em;
}

a, a:hover, a:visited, li a, li a:visited, li a:hover {
	color:#F19313;
	text-decoration:none;
}
a:hover,li  a:hover {
	color:#000000;
}
img {
	width:100%;
	height:auto;
	max-width:100%;
	display:block;
}
img.example-image {
width:105px;
height:105px;
margin:0.2em;
float:none;
border:1px solid #333333;
}

a.link , a.link:hover, a.link:visited {
	display:block;
	max-width:300px;
	margin:0.5em 0em 0.5em 0em;
	background:#2E5F7B;
	background-image:url(layout/kleinpfeil-re.png);
	background-position:0.5em 50%;
	background-repeat: no-repeat;
	color:#ffffff;
	font-size:1.0em;
	padding:0.6em;padding-left:2.5em;
	text-align:left;
}
a.link:hover {
	background:#183D51;
	background-image:url(layout/kleinpfeil-re.png);
	background-position:0.5em 50%;
	background-repeat: no-repeat;

}



/* TOP-Bereich mit Logo */
.top {
	display:block;
	width:100%;
	padding:0em;
	position:relative; /* fr eventuelle Layer */

}
.top_content {
	width:98%;
	max-width:1200px;
	margin:0em auto;
	padding:0em;
	position:relative; /* fr eventuelle Layer */
	display:flex;
	flex-flow: row wrap;
	justify-content : center;
}
.top_links {
	flex: 1 1 70%;
	text-align:left;
}
.top_rechts {
	flex: 1 1 30%;
	text-align:right;
}
.top_rechts p {
	color:#2E5F7B;
	font-weight:bold;
	font-size:0.9em;
	text-align:right;
	margin-top:1.6em;
}
.top_rechts h2 {
	color:#2E5F7B;
	font-weight:bold;
	font-size:1.3em;
	text-align:right;
	margin-top:0.1em;
	margin-bottom:0em;
}
a.facebook , a.facebook:hover, a.facebook:visited {
	display:block;
	margin:0.2em 0em 0em 0em;
	background-image:url(layout/button-facebook.png);
	background-size:1.5em;
	background-position:right 50%;
	background-repeat: no-repeat;
	color:#2E5F7B;
	font-size:0.9em;
	padding:0.5em 2.0em 0.5em 0em;
	text-align:right;
}
a.facebook:hover {

	background-image:url(layout/button-facebook2.png);
	background-size:1.5em;
	background-position:right 50%;
	background-repeat: no-repeat;
	color: #E31E24;

}
@media screen and (max-width: 700px) {
.top_links {
	flex: 1 1 98%;
}
.top_rechts {
	display:none;
	flex: 1 1 98%;
}
}

.logobox {
	display:block;
	width:90%;
	text-align:left;
	margin:0em;
	padding:0em;
		
}
.logobox img {
	width:98%;
	max-width:650px;
	height:auto;
	margin:0.8em 0em 0.5em 0em;
}


.logoboxmobil {
	display:none;
	width:98%;
	max-width:600px;
	text-align:center;
	margin:0em auto;
	padding:0em;
	position:relative;left:0em; top:0em;	
}
.logoboxmobil img {
	width:90%;
	height:auto;
	margin:1em;
	max-width:450px;
	min-width:200px;
}
@media screen and (max-width: 700px) {
	.logobox {
	display:none;}

	.logoboxmobil {
	display:block;}
	
}


/* Menue-Bereich */
.menuebereich {
	display:block;
	width:100%;
	/*background: #29621D;*/
	padding:0em;
	position:relative; /* fr eventuelle Layer */
	text-align:center;
}
.menuebereich_content {
	width:98%;
	max-width:1200px;
	margin:0em auto;
	padding:0em;
	text-align:left;
}
.menuebereich_titel {
	display:none;
	position:absolute;
	left:3.3em;
	top:0.7em;
	color:#2E5F7B;
	font-size:1em;
}
.menuebereich_text {
	display:none;
	position:absolute;
	left:7em;
	top:0.7em;
	color:#2E5F7B;
	font-size:1em;
	font-weight:bold;
}
@media only screen and ( max-width: 700px ) /* 1000 */
		{
		.menuebereich_titel {
			display:block;
			}
		.menuebereich_text {
			display:block;
			}
		}


/* Menueleiste */

		#nav
		{
			font-family: 'Roboto Condensed', sans-serif;
			font-weight: 400;
			text-align: left;
			display: inline-block;
			margin:0em;padding:0em;
			
		}

			#nav > a
			{
				display: none;
			}

			#nav li
			{
				position: relative;
				list-style: none;
			}
				#nav li a
				{
					color: #000;
					display: block;
				}
				#nav li a:active
				{
					background-color: #d4d4d4 !important;
				}

			#nav span:after
			{
				width: 0;
				height: 0;
				border: 0.313em solid transparent; /* 5 */
				border-bottom: none;
				border-top-color: #d4d4d4;
				content: '';
				vertical-align: middle;
				display: inline-block;
				position: relative;
				right: -0.313em; /* 5 */
			}

			/* first level */

			#nav > ul
			{
				/*height: 2.0em; /* 60 */
				/*background-color: #ffffff;*/
			}
				#nav > ul > li
				{
					
					height: 100%;
					float: left;
				}
					#nav > ul > li > a,
					#nav > ul > li > p
					{
						height: 100%;
						font-size: 1.2em; /* 24 */
						line-height: 2.5em; /* 60 (24) */
						text-align: center;
						color:#2E5F7B;
						margin:0em;padding:0em 1.2em;
					}
						#nav > ul > li:not( :last-child ) > a,
						#nav > ul > li:not( :last-child ) > p
						{
							border-right: 0px solid #ffffff;
						}
						#nav > ul > li:hover > a,
						#nav > ul:not( :hover ) > li.active > a,
						#nav > ul > li:hover > p,
						#nav > ul:not( :hover ) > li.active > p

						{
							background-color: #2E5F7B;
							color:#ffffff;
						}


				/* second level */

				#nav li ul
				{
					background-color: #2E5F7B;
					display: none;
					min-width:13em;
					position: absolute;
					top: 100%;
					left:0px;
					margin:0em;padding:0em;
					z-index:9999;
					/* box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2); */
				}
					#nav li:hover ul,
					#nav li:active ul
					{
						display: block;
						
						left: 0px;
						-webkit-user-select: none; -webkit-touch-callout: none;
					}
						#nav li:not( :first-child ):hover ul
						{
							left: 0px;
						}
						#nav li ul a
						{
							font-size: 0.9em; /* 20 */
							border-top: 1px solid #183D51;
							padding: 0.75em;padding-left:1.2em; /* 15 (20) */
							color:#fff;
						}
						#nav li ul a span:after
						{
							display:none;
						}

							#nav li ul li a:hover,
							#nav li ul:not( :hover ) li.active a
							{
								background-color: #183D51;
							}
		@media only screen and ( max-width: 700px ) /* 1000 */
		{
			#nav
			{
				width: 100%;
				position: static;
				margin: 0;
			}
		}



		@media only screen and ( max-width: 700px ) /* 640 */
		{


			#nav
			{
				position: relative;
				font-weight:400;
				top: auto;
				left: 0em;
			}
				#nav > a
				{
					width: 2.5em; /* 50 */
					height: 2.5em; /* 50 */
					text-align: left;
					text-indent: -9999px;
					background-color: #2E5F7B;
					position: relative;left:0em;
				}
					#nav > a:before,
					#nav > a:after
					{
						position: absolute;
						border: 1px solid #fff;
						top: 35%;
						left: 25%;
						right: 25%;
						content: '';
					}
					#nav > a:after
					{
						top: 60%;
					}

				#nav:not( :target ) > a:first-of-type,
				#nav:target > a:last-of-type
				{
					display: block;
				}


			/* first level */

			#nav > ul
			{
				height: auto;
				display: none;
				position: absolute;

				left: 0em;

			}
				#nav:target > ul
				{
					display: block;

				}
				#nav > ul > li
				{
					width: 100%;
					z-index:9999;
					min-width:20em;
					float: none;
				}
					#nav > ul > li > a,
					#nav > ul > li > p
					{
						height: auto;
						font-weight:400;
						text-align: left;
						padding: 0 0.833em; /* 20 (24) */
						background-color: #2E5F7B;
						color:#fff;
					}
						#nav > ul > li:not( :last-child ) > a,
						#nav > ul > li:not( :last-child ) > p
						{
							border-right: none;
							border-bottom: 1px solid #ffffff;
						}


				/* second level */

				#nav li ul
				{
					position: static;
					padding: 1.0em; /* 20 */
					padding-top: 0;
					z-index:9999;
				}
		}
/* Ende Navigation */

/* contbox1: In der Regel fr den Slider */ 
.contbox1 {
	margin:0px;
	padding:0px;
	border-top:0px solid #2E5F7B;
	border-bottom:0px solid #2E5F7B;
	position:relative;
	}

.contbox1content {
	width:98%;
	max-width:1200px;
	margin:0em auto;
	padding:0em;
	text-align:center;
	background:#c4c4c4;
	display:flex;
	flex-flow: row wrap;

}
.contbox1content h1 {
	font-size:3em;
	line-height:1.2em;
	font-weight:400;
	color:#29621D;
	padding:0em;
	margin:0em;margin-bottom:0.3em;
	text-align:center;
}
.contbox1content h2 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:1.1em;
	line-height:1.3em;
	font-weight:700;
	color:#29621D;
	margin:0em;margin-bottom:1em;
	padding:0em;
	text-align:center;	
}
.contbox1content p {
	font-weight:400;
	font-size:1.000em;
	line-height:1.350em;
	color:#000000;
	margin:0em;margin-bottom:0.6em;
	padding:0.0em;
	text-align:center;
}
.contbox1content a, .contbox1content a:hover, .contbox1content a:visited {
	font-size:1em;
	color:#29621D;
	text-decoration:none;
}
.contbox1content a:hover {
	color:#0D2A06;
}

.contbox1_links {
	flex: 1 1 70%;
	text-align:left;
}
.contbox1_rechts {
	flex: 1 1 30%;
	text-align:right;
	padding:0em;
}
.contbox1_rechts img {
	margin:0em;
	padding:0em;
	height:100%;
	display:block;
}
.contbox1_rechts_content {
	background:#F19313;
	border-left:4px solid #ffffff;
	padding:0em;
	height:100%;
	position:relative;
}
.layer_button {
	position:absolute;
	top:-80px;
	right:20px;
	width:263px;
	height: 180px;
}
@media screen and (max-width: 960px) {
	.layer_button {display:none;}
}
.contbox1_rechts_content_oben {
	background:#eaeaea;
	border-bottom:4px solid #ffffff;
	padding:0em;
	height:55%;
	overflow: hidden;
}
.contbox1_rechts_content_unten {
	height:45%;
	border-bottom:0x solid #ffffff;
	padding:0.1em;
	display: flex;
	align-items: center; /* Vertikale Zentrierung */
	justify-content: center; /* Horizontale Zentrierung */
}
p.head_slogan {
	text-align:center;
	font-size:1.1em;
	line-height:1.2em;
	color:#fff;
	margin:0em;padding:0em;margin-bottom:0.2em;
}
@media screen and (max-width: 750px) {
	.contbox1_links {flex: 1 1 90%;}
	.contbox1_rechts {display:none;flex: 1 1 90%;}
}
@media screen and (max-width: 700px) {
	.contbox1 {margin-top: 1em;}
}

/* Content Area: In der Regel für den Hauptinhalt */
.contbox2 {
	/*background:#eaeaea; */
	margin:0px;
	padding:0px;
}
.contbox2content {
	width:100%;
	max-width:1200px;
	margin:0em auto;
	padding:0em;
	text-align:center;
}
.contbox2content_begrenzt {
	width:92%;
	max-width:1200px;
	margin:0em auto;
	padding:1em 1em;
	text-align:left;
}


/* Spaltencontainer zum Aufteilen von Inhalten */
.spaltencontainer {
	display:flex;
	flex-flow: row wrap;
	justify-content : center;
}

/* Spaltencontainerbox links */
.spaltencontainerbox_li {
	flex: 1 1 48%;
	margin:0em;
	align: left;
	padding:0em;
}
/* Spaltencontainerbox rechts */
.spaltencontainerbox_re {
	flex: 1 1 48%;
	margin:0em;
	align: left;
	padding:0em;
}
.spaltencontainerbox_cont_li {
	margin:0.2em;
	background:#ffffff;
	text-align:left;
}
.spaltencontainerbox_cont_re {
	margin:0.2em;
	text-align:left;
}



/* Mobile Style */ 
@media screen and (max-width: 700px) {
.spaltencontainerbox_li {
	flex: 1 1 90%;
	}
.spaltencontainerbox_re {
	flex: 1 1 90%;
	}
.spaltencontainerbox_cont_re {
	margin:0.2em;margin-top:1em;
	}
}



/* für den Inhalt aus der Datenbank */ 
.centerspalte,  .centerspalte2 {
	max-width:1200px; 
	margin:0em auto;
	padding:1.6em;
}
.centerspalte h1, .centerspalte2 h1 {
	font-family:  'Roboto Condensed', sans-serif;
	display:block;
	border-bottom:1px solid #2E5F7B;
	font-size:1.9em;
	line-height:1.2em;
	font-weight:400;
	color:#2E5F7B;
	padding:0em;padding-bottom:0.4em;
	margin:0em;margin-bottom:0.7em;
	text-align:center;
}
.centerspalte h2, .centerspalte2 h2 {
	margin:0em;margin-bottom:0.7em;margin-top:1.3em;
	text-align:left;
}
.centerspalte2 h2 {
	text-align:center;
}

.centerspalte p, .centerspalte2 p {
	font-weight:400;
	font-size:1.00em;
	line-height:1.350em;
	color:#333333;
	margin:0em;margin-top:0.5em;
	padding:0em;
	text-align:justify;
}
.centerspalte2 p {
	text-align:center;
	margin-bottom:0.5em;
}



/* Footer */ 
.footbox {
	background:#5B5B5B; 

	margin:0px;
	padding:0px;
}
.footboxcontent {
	width:98%;
	max-width:1200px;
	margin:0em auto;
	padding:1em 0.2em;
	text-align:center;
}

.footspaltencontainer {
	display:flex;
	flex-flow: row wrap;
}
.footspaltencontainerbox {
	flex: 1 1 12%;
	margin:1em 0.5em;
	border:0px solid #957F5B;
	border-radius:0.5em;
	align: left;
	padding:0.7em;
}
/* Mobile Style */ 
@media screen and (max-width: 600px) {
.footspaltencontainerbox {
	flex: 1 1 60%;
	margin-bottom:0em;
	padding-bottom:0em;
	}
}

.footspaltencontainerbox img.logoleiste{
	width:98%;
	min-width:200px;
	max-width:700px;
	margin:0.3em auto;
	border:0em;
	opacity:0.6;
}
.footspaltencontainerbox h2 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:1.1em;
	line-height:1.3em;
	font-weight:400;
	color:#FDFCF8;
	border-bottom:1px dotted #FDFCF8;
	padding:0em;padding-left:0.3em;
	margin:0em;
	text-align:left;
}
.footspaltencontainerbox p {
	font-weight:400;
	font-size:0.9em;
	line-height:1.3em;
	color:#FDFCF8;
	margin:0em;
	padding:0.2em 0em 0em 0.5em;
	text-align:left;
}
.footspaltencontainerbox a, .footspaltencontainerbox a:visited, .footspaltencontainerbox a:hover {
	display:block;
	
	max-width:18em;
	font-weight:400;
	font-size:0.9em;
	line-height:1.3em;
	color:#FDFCF8;
	margin:0em;
	padding:0.4em 0em 0em 0.5em;
	text-align:left;
}
.footspaltencontainerbox a:hover {
	color:#ffffff;
}

.footspaltencontainerboxmitte {
	flex: 1 1 12%;
	margin:1em 0.5em;
	border:0px solid #957F5B;
	border-radius:0.5em;
	align: left;
	padding:0.7em;
}
.footspaltencontainerboxmitte h2 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size:1.6em;
	line-height:1.2em;
	font-weight:400;
	color:#FDFCF8;
	border-bottom:1px dotted #FDFCF8;
	padding:0em;padding-left:0.3em;
	margin:0em;
	text-align:left;
}
.footspaltencontainerboxmitte p {
	font-weight:400;
	font-size:1em;
	line-height:1.250em;
	color:#FDFCF8;
	margin:0em;
	padding:0.2em 0em 0em 0.5em;
	text-align:left;
}
.footspaltencontainerboxmitte a, .footspaltencontainerboxmitte a:visited, .footspaltencontainerboxmitte a:hover {
	display:block;
	
	max-width:18em;
	font-weight:400;
	font-size:1em;
	line-height:1.100em;
	color:#FDFCF8;
	margin:0.1em 0em 0.2em 0em;
	padding:0.1em 0.5em 0.1em 0.5em;
	text-align:left;
}
.footspaltencontainerboxmitte a:hover {
	color:#FDFCF8;
	background:#01122D;
}
/* Mobile Style */ 
@media screen and (max-width: 600px) {
.footspaltencontainerboxmitte {
	flex: 1 1 60%;
	margin:0em 0.5em;
	padding-top:0em;
	}
	.footspaltencontainerboxmitte h2 {
		display:none;
	}
}

.responsiveContainer {
  position: relative;
  padding-bottom: 56%;
  height: 0;
  overflow: hidden;
}

.responsiveContainer iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.google_quer {
	display:block;
	border-radius:0.5em;
}
.google_hoch {
	display:none;
	border-radius:0.5em;
}
.responsiveContainer2 {
  position: relative;
  padding-bottom: 100%;
  height: 0;
  overflow: hidden;
}

.responsiveContainer2 iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Mobile Style */ 
@media screen and (max-width: 600px) {
.google_hoch {
	display:block;
	}
.google_quer {
	display:none;
	}

}


/* Mobile Style */ 
@media screen and (max-width: 600px) {
	body {
			font-size:90%;
		}
}


@media screen and (max-width: 900px) {
	body {
		font-size:86%;
	}
}
.toggleBox {
    position: relative;
    border-bottom: 0px dotted #008DD2;;
    overflow:hidden;
}
 
/* Ausblenden des input-Feldes */
.toggleBox input {
    position: absolute;
    left: -99999px;
}
 
/* Gestaltung der labels */
.toggleBox label {
    display: block;
	font-size:1.3em;
	font-weight:700;
    color: #109E8E;
    padding: .8em;padding-left:0em;
    text-align: left;
    cursor: pointer;
}
 
.toggleBox label:hover {
    color:#333333;
}
 
/* Der Aufklappmechanismus */
.toggleBox input:not(:checked) ~ div {
    opacity: 0;
    height: 0;
}
 
.toggleBox input:checked ~ div {
    opacity: 1;
    padding: .6em 0em 1.2em 0em;
    -webkit-transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out;
    transition: opacity 1s ease-in-out;
}
 
/* Steuerung der Sichtbarkeit der labels */
.toggleBox input:not(:checked) ~ .close,
.toggleBox input:checked ~ .open {
    display: none;
}

img.logos {
	width:283px;
	height:auto;
	display:inline;
	}
/* Mobile Style */ 
@media screen and (max-width: 700px) {
img.logos {
	width:220px;
	height:auto;
	}
}
/* Mobile Style */ 
@media screen and (max-width: 550px) {
img.logos {
	width:180px;
	height:auto;
	}
}