@charset "utf-8";
/* CSS Document */

@media only screen 
  and (min-width: 320px) 
  and (max-width: 768px){
	  
h1,
h1 >  a {
    font-size: 25px;
	line-height:28px;
	margin:25px 0 10px 0;
	}
	
h2,
h2 > a {
    font-size: 23px;
	line-height:25px;
	margin:25px 0 10px 0;
	}

	
h3,
h3 > a,
.modal-dialog h4 {
    font-size: 22px;
	margin:10px 0 10px 0;
	}
	
h4,
h4 > a {
    font-size: 20px;
	margin:5px 0 10px 0;
	}	
	
.teaser div[class*="col-"] div.teaser p{
	font-size: 18px;
	line-height: 27px;
	}
    
    .slidermain ul,
    .slidermain li
    .slidermain {
		height: 180px;
    }
    
body .slidermain li {
		background-size: auto 100%;
        background-position-x: right -80px;
        height: 100%;
}
	
.slidermain span p{
	font-size:15px;
	line-height:22px;
	width:75%;
	}

	
.toggle-first-nav {
    top: 5px;
    left: 5px;

}

.toggle-first-nav.open {
	position:fixed;	
	}

.toggle-first-nav + ul:before {
    height: 60px;
}

#header .container,
#content .container,
#footer .container,
.slidermain span,
#header .nav.open,
#header .nav,
#header .nav > ul:before,
#header .nav:hover,
.toggle-first-nav + ul,
.toggle-first-nav + ul > li,
.toggle-first-nav + ul:before,
#header .nav > ul li,
.teaser div[class*="col-"] div.team img,
[class*="background"] {
	width:100%;
}


#header {
    height: 60px;
}

#header .logo {
	left: auto;
	right:25px;
	width:70px;
	}
	
#header .nav {
	width:0px;
	padding:0;
	z-index:350;
	}
		
#header .nav > ul:before {
    height: 40px;
	margin-top:20px;
	background-position: center center;
	background-size:auto 100% ;
	background-image:url(../images/logo-aumo.svg);
}

#header .nav > ul li a{
	margin-left:20px;
}

	
#header .nav > ul li.sub span {
    left: auto;
	right:20px;
	height:20px;
	width:20px;
	z-index:500;
}

div.lang {
    margin:18px 0 0 50px;
}

div.lang ul{ 
	margin-left:25px;
	padding-left:25px;
}

#header .lang ul.lang li span {
    right: -30px;
    top: 4px;
    width: 20px;
    height:20px;
}

.slidermain span {
    top: 5px;
	left:15px;
	transform: none;
}

.slidermain span img {
    margin-top: 5px;
}

#content .container {
	padding:0 15px 0 15px;
	}
	
.teaser div[class*="col-"] {
	margin-bottom:10px;
	}
	
body.id-11 .col-3 {
	width:50%;
	float: left;
	clear:none;
	}
	
body.id-11 .col-3 .team:nth-child(2n+1) {
	padding-right:1px;
	}

	
.teaser div[class*="col-"] div.team img:nth-child(2),
#content .teaser div[class*="col-"] div.team hr + img {
	width:auto;
	margin:0;
	max-width:190px;
	} 

#footer img {
    width: 100px;
	margin:0 auto 15px auto;
	display:block;
}	

#footer .nav {
	margin-top:20px;
	}

#footer .nav > ul > li {
	width:50%;
	}

.row {
	margin:0;
	}
	  
.col-1,
.col-lg-1,
.col-2,
.col-lg-2,
.col-3,
.col-lg-3,
.col-4,
.col-lg-4,
.col-5,
.col-lg-5,
.col-6,
.col-lg-6,
.col-7,
.col-lg-7,
.col-8,
.col-lg-8, 
.col-9,
.col-lg-9,
.col-10,
.col-lg-10,
.col-11,
.col-lg-11,
.col-12,
.col-lg-12 {
	width:100%;
 	clear: both;
	padding:0;
}

 

}

@media only screen 
  and (min-width: 320px) 
  and (max-width: 1024px)
  and (orientation: landscape) {
	  
	  
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6{
    padding-left: 5px;
    padding-right: 5px;
	
	width:50%;
	float:left;
 	clear: none;
}
	  

	  
}