@font-face{
    font-family: "Cloister Black";
    src: url('/fonts/other/CloisterBlack.ttf'),
}

html, body{
    height: 100%;
}

/* RAL7013 hex color */
.ral-color{
    background-color: #575044;
}

/*Cloister Font */
.cloisterFont{
    font-family: "Cloister Black";
}

/* Brand logo */
.brand-logo{
    margin-left: 1.5rem;
}

/* About */
.about{
    margin-top: 50px;
    margin-bottom: 230px;
}

.about h5{
    margin-top: 30px;
    margin-bottom: 80px;
    font-size: 1.8rem;
    font-weight: 400;
}

.imageAbout{
    
}

.subtitle{
    font-size: 1.5rem;
}

/* Vehicles */
.vehicles{
    margin-top: 50px;
    margin-bottom: 50px;
}

.vehicles h5{
    margin-top: 0px;
    margin-bottom: 30px;
    font-size: 1.8rem;
    font-weight: 400;
}

.vehicleSpareButton{
    margin-top: 30px;
}

.vehicleSpareButton:hover{
    background-color: #786e5e;
}

/* Spare Parts */
.spareParts{
    margin-top: 50px;
    margin-bottom: 50px;
}

.spareParts h5{
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 1.8rem;
    font-weight: 400;   
}

/* Repair */
.repair{
    margin-top: 50px;
    margin-bottom: 50px;
}

.repair h5{
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 1.8rem;
    font-weight: 400;   
}

/* Partner */
.partner{
    margin-top: 10px;
    margin-bottom: 50px;
}

.partner h5{
    margin-top: 20px;
    margin-bottom: -10px;
    font-size: 1.8rem;
    font-weight: 400;   
}

/* Kontakt */
.kontakt{
    margin-bottom: 30px;
}

.kontakt h5{
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 1.8rem;
    font-weight: 400;  
}

/* Footer */
footer.page-footer{
    background-color: #575044;
}

/* Anchor fix for navbar */
.aboutSection:target{
    padding-top: 80px;
}

.vehicleSection:target{
    padding-top: 100px;
}

.anchor{
    display: block;
    height: 55px; /*same height as header*/
    margin-top: -55px; /*same height as header*/
    visibility: hidden;
}

/* Table */
table.fixed{
    table-layout:fixed;
}