@charset "utf-8";

// Google Font
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,500,700|Open+Sans:300,600');

// Define defaults for each variable.

$base-font-family: 'Open Sans', sans-serif !default;
$header-font-family: 'Montserrat', sans-serif;
$base-font-size:   16px !default;
$base-font-weight: 400 !default;
$small-font-size:  $base-font-size * 0.875 !default;
$base-line-height: 1.5 !default;

$spacing-unit:     30px !default;

$text-color:       #111 !default;
$background-color: #fdfdfd !default;


$color-one:        #428E42 !default;
$color-two:        #F47B28 !default;
$color-three:      #14A1AF !default;
$color-four:       #9E1D58 !default;
$color-grey:       #828282 !default;

$green-color: #428E42 ;
$blue-color:  #14A1AF;
// $orange-color: $color-two;
// $purple-color: $color-four;
// $grey-color: $color-grey;

$grey-color-light: lighten($color-grey, 40%) !default;
$grey-color-dark:  darken($color-grey, 25%) !default;

// Width of the content area
$content-width:    800px !default;

$on-palm:          600px !default;
$on-laptop:        800px !default;

@mixin relative-font-size($ratio) {
  font-size: $base-font-size * $ratio;
}

// Import partials.
@import
  "solar-flair/base",
  "solar-flair/timeliner-overrides",
  "solar-flair/links",
  "solar-flair/gradients",
  "solar-flair/hr",
  "solar-flair/typeography",
  "solar-flair/lists",
  "solar-flair/jumbotron",
  "solar-flair/headers",
  "solar-flair/home"
  // "solar-flair/layout",
  // "solar-flair/syntax-highlighting"
;


body{
  font-family:'Open Sans', sans-serif;
  line-height: 1.5;
}
p{
  font-size: 1.1em;
}
nav, h1, h2, h3, h4, h5{
  font-family: $header-font-family;
}

main.page-content{
padding-top: 69px;
}

.sitename{
  font-weight: 300;
  font-size: 150%;
  padding-left: 0px;
  padding-right: 0px;
}
@media screen and (max-width: 420px) {
  .sitename{
    font-size: 117%;
  }
}


.bold{
font-weight: 500;
}



.site-header{
  border-top:none;
}

.eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

body{
  background:
  linear-gradient(
  rgba(255, 255, 255, 0.75), 
  rgba(255, 255, 255, 0.75)
  ),
  url('/assets/images/cloth.png');
}


.requestquote{
  border-top: #428e42  solid 50px;
  // border-right:none;
  // border-left:none;
  background:white;
} 



.footer{
  background-size:cover;background-position:center;
}

.btn:hover{
  cursor: pointer;
}

.mt-10{
  margin-top: 6rem!important;

}


body{
  font-family:'Open Sans', sans-serif;
  line-height: 1.5;
}
p{
  font-size: 1.1em;
}
nav{
  font-family: 'Montserrat', sans-serif;
}
main.page-content{
  padding-top: 69px;
}



.site-header{
  border-top:none;
}

.eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}




.requestquote{
  border-top: #428e42  solid 50px;
  // border-right:none;
  // border-left:none;
  background:white;
} 


.btn:hover{
  cursor: pointer;
}

.mt-10{
  margin-top: 6rem!important;

}



nav{
  background:rgba(255,255,255,.9)
}