/* Shared
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button {
    border-radius: 120px;
}
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
    background-color:#20548d;
    border-color:white;
}

.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
  color: #FFF;
  background-color: #5ba8ff;
  border-color: white;
}

.button.button-special,
button.button-special,
input[type="submit"].button-special,
input[type="reset"].button-special,
input[type="button"].button-special {
    color: yellow;
    background-color:red;
    border-color:white;
    
}

.button.button-special:hover,
button.button-special:hover,
input[type="submit"].button-special:hover,
input[type="reset"].button-special:hover,
input[type="button"].button-special:hover,
.button.button-special:focus,
button.button-special:focus,
input[type="submit"].button-special:focus,
input[type="reset"].button-special:focus,
input[type="button"].button-special:focus {
  color: yellow;
  background-color: #ff595c;
  border-color: white;
  
}

a.divlink {text-decoration:none;}

a {text-decoration:none;}


body {
    line-height:1.1em;
}

.headline{
   font-weight:bold; margin:0px; text-align:center; 
}
p {
    text-align:left;
}

  .footermenu {
    padding:1em;
    display:block;
    height:50px;
    padding:0px;
/*    background: rgba(54, 94, 82, 0.7);*/
/*    background: rgba(8, 99, 100, 1);*/
    background: rgba(69, 135, 135, 1);
/*    border-bottom:1px white solid;*/
    color:white;
    white-space:nowrap;
  }
  .footermenu a{text-decoration:none;color:white;line-height:1.5em;}
  .footermenu a:hover{font-size:1.5em;font-weight:bold;text-decoration:none;color:yellow;line-height:0.8em;padding:0px;}  
  

/* Sections
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section {
    padding: 5rem 0 2rem;
    text-align: center;
}
.section-heading,
.section-description {
    margin-bottom: 1.2rem;
}

/* Menu
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.menu {
    display:none;
}

.hamburger {
    float:right;
/*    border:1px red solid; */
    width:38px;
    height:38px;
    position:absolute;
    z-index:2000;
    top:0;
    right:0;
    display:block;
    background: rgba(8, 99, 100, 0.7);
/*    background: rgba(54, 94, 82, 0.7);*/
/*    border-bottom:1px white solid;*/
    font-size:16px;
    line-height:38px;
    color:white;
    white-space:nowrap;
    text-indent:20px;
}

.hamburger img{
        padding:4px;
        float:right;
}    

#hamburgermenu {
    background: rgba(8, 99, 100, 0.7);
/*    background: rgba(54, 94, 82, 0.7);*/
    width:100%;
    position:absolute;
    z-index:1000;
    top:0;
    left:0;
    padding:1em;
    color:white;
    white-space:nowrap;
  }
  
  #hamburgermenu a{text-decoration:none;color:white;line-height:1.6em;}
  #hamburgermenu a:hover{font-size:1.5em;font-weight:bold;text-decoration:none;color:yellow;line-height:0.8em;padding:0px;}

/* Hero
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.hero {
/*    border-bottom:1px white solid;*/
}

.logos {
    position: relative;
    max-height:220px;
  
}
.logo {
/*    position: relative;*/
    max-width: 100%;
    top:-13rem;
    margin: 10rem auto -15rem;
}


/* Values
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.values {
    background-image: url('../images/em_beet.jpg');
    background-repeat:repeat;
    background-position:center center;
    background-size: cover;
/*    border-bottom:1px white solid;*/
    color: #fff;
/*    padding-bottom: 15rem;
    margin:10px;*/
}

.value {
/*    border:1px red solid;*/
/*    margin-left:20px;*/
/*    width:100%;
    height:100%;*/
/*    border:1px red solid;*/
}

.value-sub{
/*    position:absolute;*/
/*    border:1px red solid;*/
}

.value-multiplier {
    margin-bottom:.3rem;
/*    color: #11DFC7;*/
    color: #5ba8ff;
    }
.value-heading {
    margin-bottom: .3rem;
}
.value-description {
    opacity: 0.8;
    font-weight: 300;
    text-align:center;
}

/* Help
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.get-help {
/*    border-bottom: 1px solid #ddd;*/
    background: rgba(4, 68, 68, 0.5);
}

.get-help container section-heading {
    margin:-20px;   
}

/* Categories
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.categories {
    background-image: url('../images/em_beet.jpg');
    background-position:center;
    background-size: cover;
    color: #fff;
}
.categories .section-description { 
    margin-bottom: 4rem;
}

/* Bigger than 550 */
@media (min-width: 550px) {
      


  .section {
    padding: 5rem 0 2rem;
  }
  
  h2 {font-size:2em;}

  
  .hero {
/*    background-image: url('../images/skeeter.jpg');
        background-position:center -100px;*/
    padding-bottom: 8rem;
    text-align: left;
    height: 165px;
  }
  .logo {
    top: -13rem;
    right: 0rem;
    max-height: 200px;
    z-index: 3;
  }

  .hero-heading {
    font-size: 2.4rem;
  }
}

/* Bigger than 750 */
@media (min-width: 750px) {
  .section {
    padding: 5rem 0 2rem;
  }
  .menu {
    padding:1em;
  }
  
  .hamburger { display:none; }
  #hamburgermenu {display:none; }  
  
  .menu {
    padding:1em;
    display:block;
/*    background: rgba(54, 94, 82, 0.7);*/
    background: rgba(8, 99, 100, 0.7);
/*    border-bottom:1px white solid;*/
    color:white;
    white-space:nowrap;
  }
  .menu a{text-decoration:none;color:white;line-height:1.5em;}
  .menu a:hover{font-size:1.5em;font-weight:bold;text-decoration:none;color:yellow;line-height:0.8em;padding:0px;}
  
  .hero {
/*    height: 190px;*/
    padding: 16rem 0 2rem;
  }
  .hero-heading {
    font-size: 2.6rem;
  }
  .section-description {
    max-width: 60%;
    margin-left: auto;
    margin-right: auto;
  }
  .logo {
    top: -24rem;
    right: 0rem;
    max-height: 510px;
  }

  .categories {
    padding: 15rem 0 8rem;
  }
}

/* Bigger than 1000 */
@media (min-width: 1000px) {
  .section {
    padding: 5rem 0 2rem;
  }
  .menu {
    padding:1em;
  }  
  .footer {
    padding:1em;
  }   
  .hero {
/*    padding: 22rem 0 .2rem;*/
  }
  .hero-heading {
    font-size: 3.0rem;
  }
  .logo {
    top: -30rem;
    max-height: 615px;
  }
  
  h2 {font-size:2.5em;}

}

.valueslink {color:inherit;line-height:1.2em;}
.valueslink:hover {color:yellow;font-size:1.1em;}