.hero {
color: #333;
background-color: #fff;
   
    position: relative;
    width: 100%;
   
   background-size: cover;
  #  background: url(../img/climbing-to-the-top-2125149_1920.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
      
}

/* unvisited link */
a:link {
    color: black;
}

/* visited link */
a:visited {
    color: black;
}

/* mouse over link */
a:hover {
    color: blue;
}

/* selected link */
a:active {
    color: blue;
}

.brandbox{
    padding-left: 20px;
    padding-right: 20px;

}

.sub-brandtitle{
    font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
       font-size: 16px;
       font-weight: 800;
       letter-spacing: 2px;
}

.sub-brandtext{
    background-color: white;
    opacity: .9; 
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
    font-size: 16px;
   padding-top: 20px;
    padding-right: 30px;
    padding-bottom: 20px;
    padding-left: 30px;
     border-style: solid;
   border-width: 2px;
}