@media all and (max-width: 640px){

* {padding:0; margin:0 auto;}
#clear {clear:both; }

body,td,th {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	color: #0e0e0e;
}
body {
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#container {position:relative; overflow:hidden;width:100%;}
#header {border-bottom:solid 2px #00582d;}
#header .left { text-align: center; padding:10px 20px 10px 20px;}
#header .right { text-align:center;}
.nav {display:none;}
.mobnav { text-align:center; margin-top:10px; background-color:#000000;}
#slideshow {  width:100%;  position:relative;  text-align:center; }
#slideshow img {width:100%; height:auto; line-height:0px;}

#buttons {  text-align:center;  width:100%;}
#buttons .wrap {border:solid 1px #ffffff; background-color:#015a2f; padding:10px; margin:10px; text-align:center; color:#FFFFFF; flex:1 3; position:relative; overflow:hidden;}
#buttons .wrap2 {border:solid 1px #ffffff; padding:10px; text-align:center; }

#buttons div:hover { animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both; cursor:pointer;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;}
  
  @keyframes shake {margin-top:0px;
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}

#buttons .title { font-size:12px; text-transform:uppercase;font-family: 'Montserrat', sans-serif; width:100%; padding:0px; margin:0px!important;}
#buttons .title2 { font-family: 'Playfair Display', serif; font-size:16px; font-weight:bold;width:100%; padding:0px!important; margin:0px!important;}

#about {display: inline-table;background-image:url(localimages/aboutbg.png); background-repeat:no-repeat; background-position:top left; background-size:cover;}
#about .left {display:none;}
#about .right {   padding:10px; background: rgba(255, 255, 255, 0.8); text-align:center; }
#about .title { font-size:18px; font-style:italic; font-weight:bold; margin-top:30px; color:#015a2f}
#about .text {font-size:1.2em; line-height:1.5; padding:30px 20px 40px 20px;}

#boise { text-align:center; min-height:600px;background-image:url(localimages/bottombg.png); background-repeat:no-repeat; background-position:0px 150px; background-size:cover;}
#boise .left {font-size:24px; font-style:italic; font-weight:bold; padding-top:30px; color:#015a2f;}
#boise .right { font-size:1.2em; line-height:1.5; padding:40px 60px 40px 60px; text-shadow:#FFFFFF -1px 2px;}

#footer {background-color:#333333; color:#FFFFFF; font-size:15px; text-align:center; padding:20px 0px 20px 0px;}

/* happy menu */
#cssdropdown, #cssdropdown ul {
padding: 0;
margin: 0;
list-style: none;
}

#cssdropdown li {

position: relative; padding-bottom:10px;
}
.mainitems:first-of-type {border: solid 1px #333333; padding:5px; font-size:24px; font-weight:bold; letter-spacing:2px;}
.mainitems{ color:#ffffff; text-transform:uppercase;
border: none; letter-spacing:normal;
 font-size:18px;

}

.mainitems a{color:#ffffff; letter-spacing:normal;

text-decoration: none; padding-right:12px;
}

.subuls{
display: none;
width: 100%; text-align:center; 
background-color:#000;
top: 1.2em;border: solid 1px #333333;

z-index:9999;

}

.subuls li{font-size:18px;
width: 100%; line-height:1.75; 
}


.subuls li a:link{ color:#fff;  font-weight:normal;
text-decoration: underline;
}

.subuls li a:visited{ color:#fff;  font-weight:normal;
text-decoration:none;
}
.subuls li a:hover{ color: #FFCC00;  font-weight: bold;
text-decoration: underline;
}

.subuls li a:active{ color:#fff;  font-weight:normal;
text-decoration: none;
}

#cssdropdown li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto;
left: auto;
}

#cssdropdown li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block;
}


#restofcontent { /*wrap rest of content of the page inside this div*/
clear: left;
}
}


@media all and (min-width: 640px) and (max-width: 1000px){

* {padding:0; margin:0 auto;}
#clear {clear:both; }

.slide {
  opacity: 0;
  position: relative; overflow:hidden;
}
/*animation element sliding left*/

.slide {
  opacity: 0; 
  -moz-transition: all 900ms linear;
  -webkit-transition: all 900ms linear;
  -o-transition: all 900ms linear;
  transition: all 900ms linear;
  -moz-transform: translate3d(600px, 0px, 0px);
  -webkit-transform: translate3d(600px, 0px, 0px);
  -o-transform: translate(600px, 0px);
  -ms-transform: translate(600px, 0px);
  transform: translate3d(600px, 0px, 0px);
}

.slide.in-view {
  opacity: 1;

  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
/*animation slide left styled for testimonials*/

.slide {
  float: left; text-align:left; 
}

body,td,th {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	color: #0e0e0e;
}
body {
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#container {position:relative; overflow:hidden; max-width:1900px; width:100%;}
#header {display:flex; justify-content:space-between; flex-wrap:wrap; border-bottom:solid 2px #00582d; padding:10px 20px 10px 20px;}
#header .left {flex:1 2; text-align:left;}
#header .right {flex:1 2; text-align:right;}
.nav {display:none;}
.mobnav { text-align:right;}

#slideshow {  width:100%;  position:relative;  text-align:center; }
#slideshow img {width:100%; height:auto; line-height:0px;}

#buttons { position:absolute; bottom:-30px; text-align:center; display:flex; justify-content:space-between; flex-wrap:wrap; z-index:998; width:100%;}
#buttons .wrap {border:solid 1px #ffffff; background-color:#015a2f; padding:10px; text-align:center; color:#FFFFFF; flex:1 3; position:relative; overflow:hidden;}
#buttons .wrap2 {border:solid 1px #ffffff; padding:10px; text-align:center; }

#buttons div:hover { animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both; cursor:pointer;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;}
  
  @keyframes shake {margin-top:0px;
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}

#buttons .title { font-size:12px; text-transform:uppercase;font-family: 'Montserrat', sans-serif; width:100%; padding:0px; margin:0px!important;}
#buttons .title2 { font-family: 'Playfair Display', serif; font-size:16px; font-weight:bold;width:100%; padding:0px!important; margin:0px!important;}

#about {display: inline-table;background-image:url(localimages/aboutbg.png); background-repeat:no-repeat; background-position:top left; background-size:cover;}
#about .left {display:none;}
#about .right {   padding:40px; background: rgba(255, 255, 255, 0.8); text-align:center; }
#about .title { font-size:18px; font-style:italic; font-weight:bold; margin-top:60px; color:#015a2f}
#about .text {font-size:1.2em; line-height:1.5; padding:60px 40px 40px 40px;}

#boise { text-align:center; min-height:600px;background-image:url(localimages/bottombg.png); background-repeat:no-repeat; background-position:0px 150px; background-size:cover;}
#boise .left {font-size:24px; font-style:italic; font-weight:bold; padding-top:30px; color:#015a2f;}
#boise .right { font-size:1.2em; line-height:1.5; padding:40px 60px 40px 60px; text-shadow:#FFFFFF -1px 2px;}

#footer {background-color:#333333; color:#FFFFFF; font-size:15px; text-align:center; padding:20px 0px 20px 0px;}

/* happy menu */
#cssdropdown, #cssdropdown ul {
padding: 0;
margin: 0;
list-style: none;position: absolute; right:0px; margin-top:10px; width:200px;
}

#cssdropdown li {

position: relative; padding-bottom:10px;
}
.mainitems:first-of-type {border: solid 1px #333333; padding:5px; font-weight:bold; letter-spacing:2px;}
.mainitems{ color:#0e0e0e; text-transform:uppercase;
border: none; letter-spacing:normal;


}

.mainitems a{color:#0e0e0e; letter-spacing:normal;

text-decoration: none; padding-right:12px;
}

.subuls{
display: none;
width: 100%; text-align:right;
background-color:#fff;
top: 1.2em;border: solid 1px #333333;

z-index:9999;

}

.subuls li{
width: 100%; line-height:1.75; 
}


.subuls li a:link{ color:#0e0e0e;  font-weight:normal;
text-decoration: underline;
}

.subuls li a:visited{ color:#0e0e0e;  font-weight:normal;
text-decoration:none;
}
.subuls li a:hover{ color: #FFCC00;  font-weight: bold;
text-decoration: underline;
}

.subuls li a:active{ color:#0e0e0e;  font-weight:normal;
text-decoration: none;
}

#cssdropdown li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
top: auto;
left: auto;
}

#cssdropdown li:hover ul, li.over ul { /* lists nested under hovered list items */
display: block;
}


#restofcontent { /*wrap rest of content of the page inside this div*/
clear: left;
}
}


@media all and (min-width: 1000px) {

* {padding:0; margin:0 auto;}
#clear {clear:both; }

.slide {
  opacity: 0;
  position: relative; overflow:hidden;
}
/*animation element sliding left*/

.slide {
  opacity: 0; 
  -moz-transition: all 900ms linear;
  -webkit-transition: all 900ms linear;
  -o-transition: all 900ms linear;
  transition: all 900ms linear;
  -moz-transform: translate3d(600px, 0px, 0px);
  -webkit-transform: translate3d(600px, 0px, 0px);
  -o-transform: translate(600px, 0px);
  -ms-transform: translate(600px, 0px);
  transform: translate3d(600px, 0px, 0px);
}

.slide.in-view {
  opacity: 1;

  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate3d(0px, 0px, 0px);
}
/*animation slide left styled for testimonials*/

.slide {
  float: left; text-align:left; 
}

body,td,th {
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	color: #0e0e0e;
}
body {
	background-color: #FFFFFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#container {position:relative; overflow:hidden; max-width:1900px; width:100%;}
#header {display:flex; justify-content:space-between; flex-wrap:wrap; border-bottom:solid 2px #00582d; padding:10px 20px 10px 20px;}
#header .left {flex:1 2; text-align:left;}
#header .right {flex:1 2 70%; text-align:right;}
.mobnav {display:none;}
.nav {margin-top:20px; text-align:right; font-size:16px;}

.nav a:link {color:#0e0e0e; text-decoration:none;padding:2px 6px 20px 6px;}
.nav a:hover {color: #FFCC00!important; text-decoration:underline; background-color:#015a2f; padding:2px 6px 40px 6px;}
.nav a:visited {color:#0e0e0e; text-decoration:none;}
.nav a:active {color:#0e0e0e; text-decoration:none;}

#slideshow {  width:100%;  position:relative; overflow:hidden; text-align:center; }
#slideshow img {width:100%; height:auto; line-height:0px;}

#buttons { position:absolute; bottom:30px; text-align:center; display:flex; justify-content:space-between; flex-wrap:wrap; z-index:998; width:100%;}
#buttons .wrap {border:solid 1px #ffffff; background-color:#015a2f; padding:10px; text-align:center; color:#FFFFFF; width:300px;  position:relative; overflow:hidden;}
#buttons .wrap2 {border:solid 1px #ffffff; padding:10px; text-align:center; }

#buttons div:hover { animation: shake 0.82s cubic-bezier(.36,.07,.19,.97) both; cursor:pointer;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  perspective: 1000px;}
  
  @keyframes shake {margin-top:0px;
  10%, 90% {
    transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    transform: translate3d(4px, 0, 0);
  }
}

#buttons .title { font-size:16px; text-transform:uppercase;font-family: 'Montserrat', sans-serif; width:100%; padding:0px; margin:0px!important;}
#buttons .title2 { font-family: 'Playfair Display', serif; font-size:22px; font-weight:bold;width:100%; padding:0px!important; margin:0px!important;}

#about {display:flex; justify-content:space-between; flex-wrap:wrap; min-height:500px;}
#about .left {flex:1 2; background-image:url(localimages/aboutbg.png); background-repeat:no-repeat; background-position:top left; background-size:cover;}
#about .right { text-align:left; flex:1 2;}
#about .title { font-size:24px; font-style:italic; font-weight:bold; margin-top:40px; color:#015a2f}
#about .text {font-size:1.2em; line-height:1.5; padding:60px 40px 40px 40px;}
#about .contact {width:150px; text-align:center; font-size:18px; background-color:#FFCC00; color:#006633; border-radius:9px; border:solid 1px #000; cursor:pointer; float:right; margin-right:80px; margin-top:40px;}
#about .contact:hover {animation: shadow-pulse 2s infinite; cursor:pointer;}

@keyframes shadow-pulse
{
     0% {
          box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
     }
     100% {
          box-shadow: 0 0 0 35px rgba(0, 0, 0, 0);
     }
}
#boise { text-align:center; min-height:600px;background-image:url(localimages/bottombg.png); background-repeat:no-repeat; background-position:0px 250px; background-size:cover;}
#boise .left {font-size:24px; font-style:italic; font-weight:bold; padding-top:30px; color:#015a2f;}
#boise .right { font-size:1.2em; line-height:1.5; padding:40px 60px 40px 60px;}

#footer {background-color:#333333; color:#FFFFFF; font-size:15px; text-align:center; padding:20px 0px 20px 0px;}
}