@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:300,700&subset=latin-ext');


.custom-box-header b{
    right: 0;
    color: #4b4b4d;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    /*font-size: 131px;*/
}
.custom-box-header b i:last-child{
    color: #4b4b4d !important;
}
.box-intro-custom h1{
    line-height: 1.1;
}
.box-intro-custom h5{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    color: #4b4b4d;
    font-size: 20px;

}
.box-intro-custom span{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 0;
    text-transform: uppercase;
    color: #4b4b4d;
}
.top-bar-about-custom{
    background: url("../img/about/onama.jpg")no-repeat center top;
    padding-bottom: 395px;
}
.about-title{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 38px;
    text-transform: uppercase;
    color: #555555;
}
.about-q{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    font-size: 18px;
    color: #555555;
    margin-bottom: 4px;
}
.about-a{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 300;
    font-size: 14px;
    color: #555555;
    line-height: 1.1;
    margin-bottom: 16px;
}
.about-opis{
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: 700;
    font-size: 18px;
    color: #555555;
}
.box-primary-nav-trigger-custom .box-menu-icon:before, .box-primary-nav-trigger-custom .box-menu-icon:after, .box-primary-nav-trigger-custom .box-menu-icon{
    background-color: #fff;
}
.box-primary-nav-trigger-custom .box-menu-icon.is-clicked:before, .box-primary-nav-trigger-custom .box-menu-icon.is-clicked:after{

    background-color: #393939;
}
.box-primary-nav-trigger-custom .box-menu-text{
    color: #fff;
}
.main-container .col-md-3 h4{
    display: none;
}
.social-ul{
    display: none;
}

/* Responsive media queries
==================================================*/

@media (min-width: 1024px) {
    .box-intro-custom h1, .custom-box-header b{
        font-size: 131px;
    }
    .box-intro-custom h5{
        line-height: .4;
    }
}

@media only screen and (max-width: 1023px) {


    .box-intro-custom h1, .custom-box-header b{
        font-size: 100px;
    }
    .box-intro-custom h5 {
        font-size: 12px;
    }
    .box-primary-nav a {
        padding: 5px 1em;
        font-size: 14px;
    }
}

@media only screen and (max-width: 640px) {
    .box-intro-custom h1, .custom-box-header b {
        font-size: 70px;
    }
    .box-intro-custom h5 {
        font-size: 12px;
    }
}

@media only screen and (max-width: 420px) {
    .box-intro-custom h1, .custom-box-header b {
        font-size: 42px;
    }
    .box-intro-custom h5 {
        font-size: 12px;
    }
    .box-logo-custom{
        margin-top: 40px;
    }
    .box-primary-nav-custom.is-visible{
        margin-top: 130px;
        padding: 30px 0 0;

    }
}