#brand-page.container-fluid {
    max-width: 1310px;
    margin: 0 auto;
    padding: 0;
}
#brand-page section {
    padding: 0;
}
#brand-page .row {
   /* max-width: 1310px;*/
    margin-left: auto;
    margin-right: auto;
    padding-top: 35px;
    padding-bottom: 35px;
}
section.row {
    padding-top: 25px;
    margin-bottom: 35px;
}

section p {
    color: #64666b;
    font-size: 14px;
    line-height: 1.75em;
    padding-bottom: 20px;
}
.greysection {
    background-color: #fafafa;
}

.embed-responsive-16by9 {
    padding-bottom: 56%;
}
@media (min-width:768px) {
    .embed-responsive-16by9 {
        padding-bottom: 46%;
    }
    img.brand-logo {
        max-width: 250px;
    }
}

@media (min-width:992px){
    .embed-responsive-16by9 {
        padding-bottom: 36%;
    }
    img.brand-logo {
        max-width: 300px;
    }
}
@media (min-width:1200px){
    .embed-responsive-16by9 {
        padding-bottom: 30%;
    }

    img.brand-logo {
        max-width: 350px;
    }
}

@media (max-width:300px) {
    img.brand-logo {
        max-width: 200px;
        margin:0 auto;
    }

    img.right-logo {
        max-width: 100px;
        margin:0 auto;
        clear:right;
    }
}

@media (max-width:768px) {
    img.brand-logo {
        max-width: 250px;
        margin:0 auto;
    }
    img.right-logo {
        max-width: 150px;
        margin:0 auto;
        clear:right;
    }
}

@media (max-width:992px) {
    img.brand-logo {
        max-width: 300px;
    }
    img.right-logo {
        max-width: 200px;
        float:right;
        
    }
}

@media (max-width:1200px) {
    img.brand-logo {
        max-width: 350px;
    }
    img.right-logo {
        max-width: 250px;
        float:right;
        
    }

}

#social-platforms {
    top:100px;
    top:25vh;
    font-size:1rem;
    text-align:center;
    height:250px;
    overflow:hidden;
    }

    /*Pen code from this point on*/
    .btn {
    clear:both;
    white-space:nowrap;
    font-size:.8em;
    display:inline-block;
    border-radius:5px;
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.35);
    margin:2px;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    transition:all .5s;
    overflow:hidden
    }

    .btn:hover {
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.45);
    }

    .btn:focus {
    box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.4);
    }

    .btn > span,.btn-icon > i {
    float:left;
    padding:13px;
    -webkit-transition:all .5s;
    -moz-transition:all .5s;
    transition:all .5s;
    line-height:1em
    }

    .btn > span {
    padding:14px 18px 16px;
    white-space:nowrap;
    color:#FFF;
    background:#b8b8b8
    }

    .btn:focus > span {
    background:#9a9a9a
    }

    .btn-icon > i {
    border-radius:5px 0 0 5px;
    position:relative;
    text-align:center;
    font-size:1.25em;
    color:#fff;
    background:#212121
    }

    .btn-icon > i:after {
    content:"";
    border:8px solid;
    border-color:transparent transparent transparent #222;
    position:absolute;
    top:13px;
    right:-15px
    }

    .btn-icon:hover > i,.btn-icon:focus > i {
    color:#FFF
    }

    .btn-icon > span {
    border-radius:0 5px 5px 0
    }

    /*Facebook*/
    .btn-facebook:hover > i,.btn-facebook:focus > i {
    color:#3b5998
    }

    .btn-facebook > span {
    background:#3b5998
    }

.euchred {
    color: #d6082e;
}
.helmgreen {
    color: #00a9ac;
}
.festoblue {
    color: #0099ff;
}
.rossred {
    color: #eb5a1f;
}
.klemsanor {
    color: #f5812a;
}
.kubleror {
    color: #ff6300;
}
.nietzblue {
    color: #1755a0;
}
#kublertagline {

}
@media screen and (min-width: 991px)  {
    #kublertagline {
        background-image: url("/files/images/brandpi/kubler-bg-1.jpg");
        background-repeat: no-repeat;
        background-position: right center;
        min-height: 150px;
        padding-right: 300px;
    }
}

ul#klemsanul {
    list-style: none; /* Remove default bullets */
}
ul#klemsanul li {
    color: #64666b;
    font-size: 14px;
    line-height: 2em;
    margin-bottom: 15px;
}
ul#klemsanul li::before {
    content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
    color: #f5812a; /* Change the color */
    font-weight: bold; /* If you want it to be bold */
    display: inline-block; /* Needed to add space between the bullet and the text */
    width: 1em; /* Also needed for space (tweak if needed) */
    margin-left: -1em; /* Also needed for space (tweak if needed) */
}
#klemsanhb {
    height: 100%;
    background-image: url('/files/images/brandpi/gray-bg.jpg');
    background-repeat: repeat-x;
    background-size: auto 50% ;
}

h2#bp-mt {
    font-size: 36px;
}
.tbp-30 {
    padding-top: 30px;
    padding-bottom: 30px;
}
#brand-page h3 {
    font-size: 36px;
}
#brand-page h4 {
    font-size: 28px;
}
img.img-fw {
    width: 100%;
    height: auto;
}
.pdflinkil {
    display: inline-block;
    margin-right: 25px;
}
.hfs {
    font-size: 28px;
    line-height: 1.2em;
    text-align: justify;
}