html {
  font-size: 100%;
  line-height: 1;
  -webkit-overflow-scroll-:touch
}

p {font-family: 'Open Sans', sans-serif, serif; font-size: 22px; line-height: 1.25em}

h1 {font-family: "sport"; color: #323232; font-weight:600; padding-top: 50px}

.main-menu {font-family: "sport"; text-transform: lowercase; letter-spacing: 1px;}

.main-menu ul li a:focus, .main-menu ul li a:hover, .main-menu ul li a.selected {
  color: #59a9d9;
}

a:hover {color:#59a9d9}

span.quote-bold {font-weight: bolder}

.section-intro {
  background: url(../images/bg.png) #2a2424 no-repeat 50% 50%;
  background-size: cover;
}

.one {
  background: url(../images/bg4.png) no-repeat 50% 50%;
  background-size: cover;
}

.two {
  background: url(../images/bg3.png) no-repeat 50% 50%;
  background-size: cover;
}

.three {
  background: url(../images/bg2.png) no-repeat 50% 50%;
  background-size: cover;
}
.section-white {
  background: url(../images/white_textured_bg.jpg) repeat;
}

h1:after, .h1:after {
  background: url(../images/flare.svg) no-repeat 50% 50%;
  background-size: cover;
}



img.inline {display:inline-block}


div.section-content-top,
div.section-content-top-contact {height:50px}

div.section-content-wrapper {width:80%; max-width:1200px; text-align:center; margin:0 auto}
div.section-content-wrapper-contact {width:80%; max-width:1200px; text-align:center; margin:0 auto}

div.section-content-bottom {height:100px}
div.section-content-bottom-contact {height:100px}





@media all and (max-width:768px){
     
    h1 {color: #32362d; padding-top:20px}
    
    div.section-content-top {height:30px}
    div.section-content-top-contact {height:50px}
    
    div.section-content-wrapper {width:80%; text-align:center; margin:0 auto; border:double; border-color: transparent}
    div.section-content-wrapper-contact {width:80%; text-align:center; margin:0 auto; border:double; border-color: transparent}
    
    div.section-content-bottom,
    div.section-content-bottom-contact {height:50px}
        
}

@media all and (max-width:600px){
     
    div.section-content-top {height:10px}
    div.section-content-top-contact {height:30px}
    
    div.section-content-wrapper {width:80%; max-width:1200px; text-align:center; margin:0 auto}
    div.section-content-wrapper-contact {width:80%; max-width:1200px; text-align:center; margin:0 auto}
    
}