body,h1,h2,h3,h4 {font-family: "Audiowide", cursive}
h1 {font-size: 48px; font-weight: bold; text-shadow: 2px 2px 5px #000000; margin:5px 0}
h2 {font-size: 32px; font-weight: bold; text-shadow: 1px 1px 2px #000000}
h3 {font-size: 28px; font-weight: bold; text-shadow: 1px 1px 2px #000000}
h4 {font-size: 24px; font-weight: normal; text-shadow: 1px 1px 2px #000000}
h5 {font-family: "Verdana"}

body, html {
  height: 100%;
  margin: 0;
}


.bgimg-01, .bgimg-02, .bgimg-03, .bgimg-04, .bgimg-05, .bgimg-abt, .bgimg-lgn {
  background-image: url(../images/ws_01.jpg);
  height: 100vh; 
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.bgimg-02 {
  background-image: url(../images/ws_02.jpg);
}

.bgimg-03 {
  background-image: url(../images/ws_03.jpg);
}

.bgimg-04 {
  background-image: url(../images/ws_04.jpg);
}

.bgimg-05 {
  background-image: url(../images/ws_05.jpg);
}

.bgimg-abt {
  background-image: url(../images/abt_01.jpg);
  background-position: right center;
}

.bgimg-lgn {
  background-image: url(../images/lgn_01.jpg);
  background-position: left top;
}

/* colors */
.my-text-col-01,.my-hover-text-col-01:hover{color:#ff6633!important}
.my-bg-col,.my-hover-bg-col:hover{color:#fff!important;background-color:#333333!important}

/* navigation */
.my-hamb{font-size:48px!important}
.my-menu-item{opacity:0.9;padding-top:20px!important;padding-bottom:20px!important;padding-right:20px!important;text-shadow: 1px 1px 2px #000000}
.my-menu-font{font-size:24px!important}
.my-padding-hdr{padding:2px 4px!important}	
.my-padding-sb{padding-top:44px!important;padding-bottom:45px!important}

/* buttons */
.w3-button:hover{background-color:transparent!important} 
.my-button-01:hover{color:#ff6633!important;background-color:transparent!important}
.my-button-font{font-size:24px!important}

/* general */
.my-txt,.my-txt-bold{font-family: "Verdana"; font-size: 18px; font-weight: normal} 	
.my-txt-bold{font-weight: bold} 	
.my-page-break{margin-top:400px}
.my-sidebar{width:250px}


.my-padding-small{padding:2px 4px!important}	
.my-padding-top-m{padding-top:8px!important}
.my-padding-abt-top{padding-top:120px!important}	
.my-padding-abt{padding-top:360px!important}	
@media (max-height:840px){.my-padding-abt{padding-top:260px!important}} 
@media (max-height:740px){.my-padding-abt{padding-top:120px!important}} 
@media (max-height:600px){.my-padding-abt{padding-top:40px!important}} 
.my-padding-lgn{padding-top:750px!important}	
@media (max-height:840px){.my-padding-lgn{padding-top:650px!important}} 
@media (max-height:740px){.my-padding-lgn{padding-top:500px!important}} 
@media (max-height:600px){.my-padding-lgn{padding-top:350px!important}} 


@media (max-width:600px) {
  .bgimg-04 {background-position: 60% top}
  .bgimg-abt {background-position: 85%}
  h1 {font-size: 28px; text-shadow: 1px 1px 2px #000000; margin:5px 0}
  h3 {font-size: 17px; font-weight: bold; text-shadow: 1px 1px 2px #000000}
  .my-padding-hdr{padding:8px 4px!important}	
  .my-padding-sb{padding-top:35px!important;padding-bottom:36px!important}
  .my-sidebar{width:160px}
  .my-hamb{font-size:36px!important}
  .my-menu-item{opacity:0.9;padding-top:10px!important;padding-bottom:10px!important;padding-right:20px!important}
  .my-menu-font{font-size:20px!important}
  .my-button-font{font-size:20px!important}
  .my-txt{font-family: "Verdana"; font-size: 15px; font-weight: normal}
  .my-padding-abt-top{padding-top:80px!important}	
  .my-padding-abt{padding-top:80px!important}
  .my-padding-lgn{padding-top:400px!important}	
} 

@media only screen and (max-width:479px) { 
  .bgimg-04 {background-position: 60% top}
  .bgimg-abt {background-position: 85%}
  h1 {font-size: 28px; text-shadow: 1px 1px 2px #000000; margin:5px 0}
  h3 {font-size: 17px; font-weight: bold; text-shadow: 1px 1px 2px #000000}
  .my-padding-hdr{padding:8px 4px!important}	
  .my-padding-sb{padding-top:35px!important;padding-bottom:36px!important}
  .my-sidebar{width:160px}
  .my-hamb{font-size:36px!important}
  .my-menu-item{opacity:0.9;padding-top:10px!important;padding-bottom:10px!important;padding-right:20px!important}
  .my-menu-font{font-size:20px!important}
  .my-button-font{font-size:20px!important}
  .my-txt{font-family: "Verdana"; font-size: 13px; font-weight: normal} 	
  .my-padding-abt-top{padding-top:80px!important}	
  .my-padding-abt{padding-top:60px!important}
  .my-padding-lgn{padding-top:360px!important}	
} 

@media only screen and (max-device-width: 1600px) and (orientation: landscape) {
  .my-padding-abt{padding-top:170px!important}	
}