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

/*----------TAGS----------*/

* { 
  box-sizing: border-box;
  margin:0;
  padding:0;
  border:none;
  outline:0;
  text-decoration:none;
}

html{
	font-size:62.5%;
}

body{
	font-family: 'Roboto', sans-serif;	
}

a{
	color:inherit;	
}

h1{
	color:#31479e;	
	margin-bottom:2.5rem;
	font-size:2.1rem;
}
h2{
	color:#31479e;	
	margin-bottom:2.5rem;
	font-size:2.4rem;
}

p{
	font-size:1.4rem;
	margin-bottom:1.5rem;	
}

p:last-child{
	margin-bottom:0;	
}

.button{
	background:#31479e;
	padding:1rem 2.5rem;
	color:#ffffff;
	font-size:1.2rem;
	border:1px solid #31479e;
}

.button:hover{
	background:none;
	color:#31479e;	
}

#wrapper{
	padding:3.5rem 1.5rem 0 1.5rem;
}

header{
	
}

#logo{
	margin:0 auto 2.5rem auto;
	width:100%;
	max-width:20rem;
}

#logo img{
	width:100%;	
	height:auto;
}

nav{
	text-align:center;
	border-top:2px solid #cbd1e7;
	border-bottom:2px solid #cbd1e7;
	padding:.5rem 0;
}

nav ul{
	list-style:none;
	font-size:1.4rem;
}

nav ul li{
	padding:.25rem 0;
}

nav ul li:hover{
	color:#31479e;
}

main{
	display:block;
	text-align:center;
	padding:2.5rem 0;	
}

.columns{
	padding-top:1.5rem;
	margin-bottom:2.5rem;
}

.column{
	margin-bottom:2.5rem;
}

.column img{
	width:100%;
	height:auto;	
}

footer{
	border-top:2px solid #cbd1e7;
	text-align:center;	
	padding:2.5rem 0;
	font-size:1.2rem;
	color:#888888;
}

#footer-left{
	margin-bottom:1.5rem;	
}

#map{
	width:100%;
	height:35rem;
	margin-bottom:3.5rem;
}

.flex-direction-nav {
	display:none;
}

@media screen and (min-width:750px){
	
.button{
	display:inline-block;
}
	
#wrapper{
	width:100%;
	max-width:85rem;
	margin:0 auto;
	padding:7.5rem 2.5rem 0 2.5rem;
}

header{
	
}

#logo{
	margin:0 auto 5rem auto;
}

#logo img{
	width:100%;	
	height:auto;
}

nav{
	position:relative;
	padding:0;
	border:none;
}

nav:before{
	content:'';
	height:2px;
	width:100%;
	background:#cbd1e7;
	position:absolute;
	top:50%;
	right:0;
	left:0;
	z-index:-100;
	
}

nav ul{
	display:inline-block;
	background:#ffffff;
	padding:0 1rem;
}

nav ul li{
	display:inline-block;
	padding:0 1rem;
}

main{
	padding:5rem 0;
}

.columns{
	display:flex;
	justify-content:space-between;
	padding-top:2.5rem;	
}

.column{
	width:30%;
	margin:0;	
}

.column img{

}

footer{
	display:flex;
	justify-content:space-between;
}

#footer-left{
	margin:0;
}

#footer-right{
	
}

}