/* CSS Document */
/*
*{
	padding:0;
	margin:0;
}
*/
.container{
	max-width: 1200px;
	margin:0 auto;
}
header{
	background-image: url(../images/sixRow.png);
	background-repeat: no-repeat;
	background-position: top right;
	background-size: contain;
}
header h1{
	padding: 0 0 10px 0;
}
header h2{
	padding: 0 0 10px 0;
	margin:auto;
}
h3{

}
.resp-img{
	width:auto;
}
nav{
	/*	float:right;*/
	padding: 0 0 10px 0;
	margin:0;
	width:350px;
}
nav>ul{
	display: flex;
	justify-content: space-between;
	list-style: none;
	padding:5px 0 0 0;
	margin:0;
}
nav>ul>li{
	border-left: 1px solid #ccc;
	padding: 0 20px;
}
nav>ul>li:first-child{
	border-left: none;
	padding-left:0;
}
nav>ul>li>a{
	text-decoration: none;
	color:#18375B;
}
.grid{
	flex-direction: row;
}
.grid > div{
	box-sizing: border-box;
	width:30%;
}
.grid > div > div{
	font-size: 0.9rem;
}
.btn{
	width:120px;
}
/*
footer{
	position: fixed;
	bottom: 0;
	width:100%;
}
*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)  {
	.container{
		max-width: 90%;
		margin:0 auto;
	}
	header h1{
		padding:0;
		margin:0;
	}	
	header h2{
		padding:0;
		margin:0;
	}
	nav{
		padding:0;
		margin:0;
	}
	.grid > div > div{
		font-size: 0.8rem;
	}
}