/* -----------------------------------
general
----------------------------------- */

.row,.container,.container-narrow
{
	clear: both;
	overflow: hidden;

}


.row
{
	padding-right: 20px;
	padding-left: 20px;
    
    
}

.row-padding
{
	padding-top: 40px;
	padding-bottom: 20px;
}

.container
{
	max-width: 1000px;
	margin: 0 auto;
    
}



.container-narrow
{
	max-width: 700px;
	margin: 0 auto;
}

.col { 
    margin-bottom: 20px; 
}

.col-1 {
    margin-top:20px;
}

/* -----------------------------------
header
----------------------------------- */

.header
{
	position: relative;
	left: 0;
	right: 0;
	top: 0;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: #fff;
	box-shadow: 0 10px 20px rgba(0,0,0,.2);
}

.lt-ie9 .header { border-bottom: 1px solid #aaa; }

.logo
{
	float: left;
	width: 170px;
    padding-top: 20px;
	margin: 0;
}

.logo img { display: block; }

/* -----------------------------------
banner
----------------------------------- */

.row-banner
{
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #fff;
}

.banner
{
	padding-bottom: 10px;
	color: rgba(255,255,255,.7);
	font-family: "noto_sansregular","HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,Frutiger,Univers,Calibri,Tahoma,sans-serif;
}

.lt-ie9 .banner { color: #fff; }

/* -----------------------------------
contact
----------------------------------- */

.contact
{
	padding-bottom: 80px;
	background-image: url(../img/logo-contact.png);
	background-position: 50% 100%;
	background-repeat: no-repeat;
}

/* -----------------------------------
footer
----------------------------------- */
footer {
    text-align:center;
    font-size:1rem;
    border-top: 1px solid #DADADA;
    padding-top:20px;
}
footer p {
    margin-top:10px;
}
/* -----------------------------------
32em - 44em
----------------------------------- */

@media (min-width:32em) and (max-width:44em)
{
	.row
	{
		padding-right: 30px;
		padding-left: 30px;
	}
	
	.row-padding
	{
		padding-top: 30px;
		padding-bottom: 30px;
	}

	.row-banner
	{
		padding-top: 20px;
		padding-bottom:20px;
	}

	.col
	{
		float: left;
		width: 45%;
		margin-right: 6%;
	}
	
	.col-m-last,.col-last { margin-right: 0; }
    .lt-ie8 .col { width: 47%; }
}

/* -----------------------------------
44em
----------------------------------- */

@media (min-width:44em)
{
	.row-padding
	{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	
	.row-banner
	{
		padding-top: 20px;
        padding-bottom:20px;
		
	}
	
	.logo { width: 22%; }
	
	.col
	{
		float: left;
		width: 22%;
		margin-right: 4%;
		margin-bottom: 0;
	}
    
    .col-2
	{
		float: left;
		width: 45%;
		margin-right: 4%;
		margin-bottom: 0;
	}


	.col-last { margin-right: 0; }
	.lt-ie8 .col { width: 21.5%; }
}