.load{
    width:10%;
}

.btn-primary {
    color: #fff;
    background-color: #2E3192;
    border-color: #2E3192;
}

.btn-primary:hover {
    background-color: #0071BC;
    border-color: #0071BC;
}

.scroll-top a, .scroll-top a:visited{
    background: #0071BC;
}

.titulek{
    margin:70px;
}

.titulek hr{
    color:#2E3192;
}

.titulek h3{
    font-weight:700;
    text-align: center;  
    color:#2E3192;
    font-size: 2.0rem;
}

.line{
    width:5px;
    height:1px;
    background-color:#2E3192;
    justify-content:center;
}

video.video-fluid{
   width:100%;
}

h5{
    color:#0071BC;
    font-weight:bold;
}

small{
    font-size:1rem;
}

.p-5 {
    padding: 1.5rem !important;
}

.img-fluid {
    max-width: 100%;
    height: auto;
    display:flex
}

h4{
    color:#fff;
}

.item{
    margin:20px;
}

p {
    color: #fff;
    line-height: 1.7;
}

.p-5 {
    padding: 0.6rem !important;
}

.box{
    width:20%;
    text-align:center;
    margin:10px;
}

.box img{
    width:100%;
}

.instalace{
    width:90%;
    margin:auto;
    justify-content: center;
}


.reference{
    max-width:80%;
    margin:auto;
}


.dahua{
    width:25%;
    margin-bottom:30px;
}

.permanent{
    margin-bottom:75px;
}

.manhattan {
    margin-top:60px;
    margin-bottom:60px;
}



@media(max-width:980px){
    .box{
        width:30%;
    }

    .titulek h3{
        font-size: 1.7rem;
    }

    .dahua{
        width:35%;
    }

}

@media(max-width:680px){
    .box{
        width:65%;
    }

    .titulek h3{
        font-size: 1.5rem;
    }

    .dahua{
        width:45%;
    }


}