h2 {
    font-size: 45px;
}

.product-logo-wrapper h3 {
    font-size:  36px;
    font-weight: bolder;
    color: #472986;
    margin: 0px auto;
    padding: 20px;
    text-align: center;
}
.brand-main-section .content-wrapper.body{
    padding-top: 50px;
}
.brand-header .content-wrapper{
    padding-top: 15px;
}
.product-logo-wrapper{

}

.brand-navbar {
    background-color: #004990;
}

/* Update this to change the colour of the brand header */
.brand-header{
    background-color: #004990;
}

.brand-main-section{
    background-image: url("/img/backgrounds/unsplash-girl-bike-grad.jpg");
    background-size: cover;
}

.brand-how-it-works:before,
.brand-how-it-works {
    // background-color: #D8E0E5;
}

.brand-main-section h4 {
    color: #fff;
    text-shadow: 1px 1px #000000;
}

.content-wrapper.body.col-xs-12.col-sm-7 > p {
    color: #ffffff;
    text-shadow: 1px 1px #000000;
}

.hiw-info {
    font-family: "ProximaLight", sans-serif;
    font-size: 20px;
}

.section-2-wrapper .panel-title {
    font-size: 20px;

}

.content-wrapper #logo {
    max-width: 300px;
    width: 100%;
    max-height: 220px;
    height: auto;
}

.section-2-wrapper #how-it-works-container {
    overflow: visible;
}

.brand-how-it-works {
    padding-top: 0;
}

.product-info-wrapper h3 {
    font-family: "ProximaSemi", sans-serif;
}

@media (max-width: 480px){
    .section-2-wrapper .card-image-wrapper {
      margin-left: 20px;
    }

    .brand-header {
        padding-top: 250px;
    }
  }

  .beveled {
    border-radius: 25px;
}

@media (max-width: 990px){
    .brand-header {
        padding-top:60px;
    }
}