@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro);
@import url(https://fonts.googleapis.com/css?family=Oxygen:700,300);
@import url(https://fonts.googleapis.com/css?family=Karla);
@import url('https://fonts.googleapis.com/css?family=Open+Sans');

html 
{
  overflow-x:auto;height:100%;
  overflow-y: scroll;
  font-size: 1em;
  line-height: 1.5;
}

body
{
  font-family: 'Oxygen', sans-serif;
  background: #fff;
  color:#000;padding:0;
  margin:0;
}

*{box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;}

a, a:hover, a:visited {color:#505050;text-decoration:none;}
a:hover {color:#A4462A;}

boxlink, boxlink:hover, boxlink:visited {color:#FFF;text-decoration:none;}
boxlink:hover {color:#66cc33;}

h1,h2,h3 
{
  color:#53352A;
  margin:.75rem 0;
  font-weight:normal;
  font-family: 'Source Sans Pro', sans-serif;
  text-transform:uppercase;
}

h1 {font-size: 2rem;}
h2 {font-size: 1.6remrem;}
h3 {font-size: 1.4rem;}

hr{border:0; border-bottom: 1px solid #545454;height:1px;}
.clear{clear:both;/*REQUIRED*/}
img[align="right"] {margin:0 0 10px 10px;}
img[align="left"] {margin:0 10px 10px 0;}

main {min-height: calc(100vh - 500px);}

main > section
,header > section
,nav > section
,footer > section
,.maxw
{
  margin:0 auto;
  max-width:1240px;
  position: relative;
}

.maxw2 {position:1400px;}

.fullw {width:auto;}

main > section 	{
  padding:20px;min-height:1vh;background:#fff;
}
header {height: 195px;}

footer > section {color:#ccc;min-height:200px;padding:24px 18px;position:relative;}
footer {}

.flex-direction-nav a  {line-height:normal;}

.nav_row {background:#543729;}

#header_logo
{
  background: url("images/logo.jpg") no-repeat center center;
  margin: 25px 0 0 41px;
  height: 94px;
  width: 304px;
  display: block;
}

#col_1 {float:left;width: calc(100% - 330px);min-width:60%;
  padding: 0px 40px 0px 0px;min-height:100px;}
#col_2 {float:left;min-width:200px;max-width:40%;width:330px;min-height:100px;}

a#go_top {background: #000;}



img,iframe,embed {max-width:100%!important;height: auto;}
.left {float:left;}

/*content*/

.item {margin:10px;}
.item_w_33 {float:left;width:30%;}
/** MAP : General Styles **/
#map {height:400px;max-height:90vh;width:100%;}
.map {border:1px solid #ccc;height:400px;max-height:90vh;margin:12px 0;width:100%;}

.map_points_item {position:relative;margin:12px 0;padding:10px 25px;border-radius:12px;}
.map_points_item .name {font-weight:bold;}
.map_points_item .link {float: right;margin-left: 20px;}
.map_points_item .address {color:#848484;}
.map_points_item .phone {float:right;}
.map_points_item:nth-child(even) {background:#efefef;}
.map_points_item > *:empty {display:none;}


/* New CKEditor requires these styles */
.text-align-left {text-align:left;}
.text-align-center {text-align:center;}
.text-align-right {text-align:right;}
.text-align-justify {text-align:justify;}

/* Image alignment  */
.align-left {float:left;margin:0 15px 15px 0;}
.align-right{float:right; margin:0 0 15px 15px;}
.align-center{text-align:center;}


.flex_columns
{
  display: flex;display: -webkit-flex;
  align-items: flex-start;
  flex-direction: row;
  justify-content: flex-start;
  vertical-align: top;
}

.flex_column
{
  float: left;
  align-self: stretch;
  flex: 1 1 auto;
  min-height: 100%;
  vertical-align: top;
  padding: 5px;
}

footer .flex_column {
  width: 100%;
  float: left;
  padding-right:35px;
}



@media (max-width: 940px),(max-device-width: 940px){
  main,header section,footer {width:100%;}
  header #header_content {}
  #footer_content {padding:24px 18px;}
}

@media (max-width:800px),(max-device-width: 800px){
  .nav_row {height: auto;}
  
  footer {}
  footer > * {flex-direction: column;}
  
  .item_w_33 {width:100%;float:none;margin-bottom:20px;}
  /*html {font-size: .9em;}*/
  html {font-size:5vw;}
  main > section {padding: 40px 20px;}
  #col_1,#col_2 {float:none;width:auto;padding:0 0 20px 0;max-width: none;}
  
  .map_points_item {display:block;display:flex; flex-direction: column;}
  .map_points_item > * {margin:0!important;padding:4px 0;float:none;}
  .map_points_item .link {order: 10;} 
  header{height:auto;}
  #header_logo
  {
    position: static;
    background-position: center center;
    height: 2rem;min-height:60px;
    width: auto;
    background-size:contain;
    margin: 14px 14px;
    display: block;
  }
  
  .flex_column
  {
    float: none;
    width: 100%;
    padding: 20px;
  }
  .flex_columns {flex-direction: column;}
}

@media (max-width:640px),(max-device-width: 640px){
  /*html {font-size: .8em;}*/
  footer > *
  { /*Footer columns*/
    float:none;width:100%;padding:20px;
  }
  header #header_content {width:100%;}
}

@media (max-width:640px),(max-device-width: 640px){
  /*html {font-size: .7em;}*/
}

@media only screen and (min-resolution: 2dppx) {
  html
  {
    /*font-size:2em; */
  }
}

