/*******GENERAL*******/

body{
  font-family: 'Arimo', sans-serif;
  font-weight: 400;
  color: #222;
}

.serif {
  font-family: 'Lora', serif;
  font-weight: 400;
  color: #000;
}

.serif-bold {
  font-family: 'Lora', serif;
  font-weight: 700;
  color: #000;
}

a.link {
  font-size: .875rem;
  color: #3265D9;
}

a.link:hover{
  color: #333;
  border-bottom: 2px solid #333;
}


#wrapper{
  max-width:980px; 
  margin: 0 auto; /* first value sets margin on top and bottom, second value (auto) fills in any space on left or right side of margin*/
  padding: 0 5%; /* 0 on top and btm, second value is left and right. 5% of total width of wrapper element*/
  }

a {
  text-decoration: none;
  color: #000;
}

img{
  max-width: 100%; /*fills width of parent container*/
}


/*******HEADING*******/

.header{
  /*float: left;*/
  margin: 0 0 2rem 0;
  padding: 1rem 0 1.5rem 0;
  width: 100%;
  background-color: #f4f4f4;
  border-bottom: 1px solid #ccc;
}

/*logo text*/
.logo {
  margin: 0 1rem;
/*  text-align: center;
*/}


/*******NAVIGATION*******/
.nav{
  text-align: center;
  padding: 15px 0;
  margin: 20px 0px 0;
}

.nav ul{
  list-style: none;
  margin: 0 10px;
  padding: 0;


}

.nav li{
  display: inline-block;
}

.nav a, 
.nav a:visited,
.footer a {
  color: #3265D9;
  padding: 1rem .3rem; /*makes hit area larger*/
}


/*******FOOTER*******/
.footer {
  font-size: .875rem;
  clear: both; /*clears both left and right side floats*/
  padding-top: 50px;
  color: #333; 
}

.footer-address {
  color: #666;
}

/*******BUTTON*******/

.button {
  font-family: 'Arimo', sans-serif;
  font-weight: 400;
  background-color: #3265D9;
  color: white;
  font-size: .875rem;
  padding: 0.875rem 1.125rem;
  border: none;
  border-radius: 2px;
  display: inline-block;
}

.button:hover {
  background-color: #0B3084;
}

/*******CONTENT*******/

.photo{
  display:block; /*allows us to use auto margins to center element on page, imgs are default displayed inline*/
  margin: 0 auto 1rem;
}

.home-columns {
  clear: both;
}

.google-map {
  float:left;

}

.contact-text {
  width: 60%;
}