.navbar {
   background-color: hsla(0, 0%, 100%, .95);
   box-shadow: 0 1px 7px 1px rgba(0, 0, 0, .2);
   -webkit-box-shadow: 0 1px 7px 1px rgba(0, 0, 0, .2);
}
.banner {
   background-color: #195a7c;
   height: 15rem;
}
.banner h1 {
   font-size: 2.2rem;
   padding-top: 7.5rem;
}
.banner h1, h2 {
   letter-spacing: 2px;
}
.banner, .banner-bottom p {
   color: #fff;
}
.banner h1, h2 {
   font-family: Montserrat, sans-serif;
}
.content {
   padding-top: 3rem;
   padding-bottom: 3rem;
}
h4, .productid input, .password input, .cdn select {
   letter-spacing: .5px;
}
h4, p, label, input, select, .download-btn input {
   font-family: Rubik, sans-serif;
}
p, label {
   color: #707070;
   font-weight: 300;
   letter-spacing: .2px;
}
input, button:focus, select:focus {
    outline: none !important;
}
.productid input, .password input, .cdn select {
   width: 100%;
   border-radius: 6px;
   border: 1px solid rgba(0, 0, 0, 0.25);
   padding: 4px 7px;
   box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .2);
   -webkit-box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .2);
   background: rgba(25, 90, 124, .08)
}
.productid input:focus, .password input:focus, .cdn select:focus {
   border-color: #195a7c;
}
.download-btn input {
   background-color: #efa900;
   padding-top: .5rem;
   padding-bottom: .5rem;
   border-radius: 1.18rem;
   width: 150px;
   color: #fff;
   border: none;
   letter-spacing: .75px;
}
.button, a {
   text-decoration: none;
   transition: all .3s ease-in-out;
}
a {
   color: #efa900;
}
a:hover {
   color: #195a7c;
}
.button:hover {
   background-color: #195a7c;
}
.banner-bottom {
   background-color: #000;
}
.banner-bottom h2 {
   color: #efa900;
}
.blocks {
   width: 100px;
}