/*****************************************/
/********** MAIN BODY ELEMENTS ***********/
/*****************************************/
body{background-color: #333333;color: #000000;margin: 0px 0px 0px 0px;font-size: 16px;font-family: Arial, Helvetica, sans-serif;}
html,body {height:100%;}
.turqoise{color:#5abcbe;}
.section30{padding-top:30px;padding-bottom:30px;}
hr.style1{height: 5px;color: #5abcbe;background: #5abcbe;width:50%;}
/*****************************************/
/********** TEXT *************************/
/*****************************************/
.whiteText{color:#FFFFFF;}
.blackText{color:#000000;}
.turqText{color:#5abcbe;}
h1{color: black; font-family: 'Oswald', sans-serif;}
h2{color: black; font-family: 'Oswald', sans-serif;}
h3{color: black; font-family: 'Oswald', sans-serif;}
h4{color: black; font-family: Arial, Helvetica, sans-serif;}
h5{color: black; font-family: Arial, Helvetica, sans-serif;}
.middlecontainer{position: relative;}
@media (min-width: 300px){
.largeH1{font-size: 60px;text-shadow: 1px 1px #000000;}
.middle {position: absolute;left: 0;top: 80px;width: 100%;text-align: center;}
}
@media (min-width: 600px){
.largeH1{font-size: 80px;text-shadow: 2px 2px #000000;}
.middle {position: absolute;left: 0;top: 200px;width: 100%;text-align: center;}
}
@media (min-width: 1200px){
.largeH1{font-size: 100px;text-shadow: 3px 3px #000000;}
.middle {position: absolute;left: 0;top: 200px;width: 100%;text-align: center;}
}
/*****************************************/
/********** BUTTONS **********************/
/*****************************************/
.btn-success{color:#fff;background-color:#5abcbe;border-color:#FFF}
.btn-success:hover{color:#fff;background-color:#387778;border-color:#387778}
.btn-success:focus,.btn-success.focus{box-shadow:0 0 0 .2rem rgba(56, 119, 120,0.5)}
.btn-outline-success {color: #5abcbe;background-color: transparent;background-image: none;border-color: #5abcbe}
.btn-outline-success:hover {color: #fff;background-color: #5abcbe;border-color: #fff}
.btn-outline-success:focus,.btn-outline-success.focus {box-shadow: 0 0 0 .2rem rgba(119, 204, 204, 0.5)}
/*****************************************/
/********** LINKS ************************/
/*****************************************/
a.a1:link{   color: #FF3333; font-size: 16px; text-decoration: underline;}
a.a1:visited{color: #FF3333; font-size: 16px; text-decoration: underline;}
a.a1:hover{  color: #FF0000; font-size: 16px; text-decoration: underline;}
a.a2:link{   color: #000000; font-size: 20px; text-decoration: underline;}
a.a2:visited{color: #000000; font-size: 20px; text-decoration: underline;}
a.a2:hover{  color: #FF3333; font-size: 20px; text-decoration: underline;}
a.a3:link{   color: #FFFFFF; font-size: 16px; text-decoration: underline;}/*Sub-Footer Links*/
a.a3:visited{color: #FFFFFF; font-size: 16px; text-decoration: underline;}
a.a3:hover{  color: #5abcbe; font-size: 16px; text-decoration: underline;}
a.a4:link{   color: #000000; font-size: 16px; text-decoration: underline;}/*Footer Links*/
a.a4:visited{color: #000000; font-size: 16px; text-decoration: underline;}
a.a4:hover{  color: #5abcbe; font-size: 16px; text-decoration: underline;}
/*****************************************/
/********** Spacing  *********************/
/*****************************************/
@media (min-width: 320px) {.topspacing{padding-top: 45px;}}
@media (min-width: 568px) {.topspacing{padding-top: 100px;}}
.navspacing{padding-top:74px;}
/*****************************************/
/********** DESIGN ELEMENTS **************/
/*****************************************/
@media (min-width: 0px) {.woodbg{background-image: url("pictures/wood-white-shiplap-background.jpg");width: 100%;min-height: 400px;
background-position: center;background-repeat: no-repeat;background-size: cover;}}
@media (min-width: 600px) {.woodbg{background-image: url("pictures/wood-white-shiplap-background.jpg");width: 100%;min-height: 600px;
background-position: center;background-repeat: no-repeat;background-size: cover;}}
.toolsbg{background-image: url("images/tools-bg.jpg");width: 100%;max-height: 400px;background-position: center;background-repeat: no-repeat;background-size: cover;}
/*****************************************/
/********** Section Colors ***************/
/*****************************************/
.textWhite{color: #FFFFFF;}
.white{background-color: #FFFFFF; color: #000000;}
.grayLight{background-color: #cccccc; color: #000000;}
.grayDark{background-color: #333333; color: #FFFFFF;}
/*****************************************/
/********** Glyphicons *******************/
/*****************************************/
.fa-footer{font-size: 24px;}
/*****************************************/
/********** NAVBAR ***********************/
/*****************************************/
#navbar{overflow: hidden;background-color: #FFFFFF;padding: 10px 10px;transition: 0.4s;position: fixed;width: 100%;top: 0;z-index: 99;}
#navbar a.nav-link {float: left;color: #333333;text-align: center;text-decoration: none;padding: 12px;font-size: 20px; font-family: Tahoma, sans-serif;}
#navbar a.nav-fa {float: left;color: #333333;text-align: center;text-decoration: none;padding: 5px;font-size: 40px;}
#navbar a.nav-main {float: left;color: white;text-align: center;text-decoration: none;padding: 12px 20px;font-size: 20px;background-color: #333333; font-family: Tahoma, sans-serif;}
#navbar a:hover {color: #999999;}
#navbar .navbar-brand{padding: 0px;}
#navbar #logo {transition: 0.4s;}
@media screen and (max-width: 580px) {
  #navbar {padding: 10px 10px !important;}
  #navbar a {float: none;display: block;text-align: left;  }
  #navbar-right {float: none;}
}