.secondary, address{
    background-color: rgb(139, 201, 204);
}

.primary, a, a:hover{
    color: rgb(105, 105, 236);
}

.rk-logo{
    max-width: 50px;
}

.header-img{
    opacity: 0.6;
    min-width: 320px;
    border-radius: 3px;
}

.header-cont{
    text-align: left;
    vertical-align: middle;
    /*height: 500px;*/
}

.footer-cont{
    text-align: justify;
}

main, address{
    padding-top: 30px;
    padding-bottom: 30px;
}

main > .row{
    text-align: center;
    min-height: 400px;
    width: 100%;
    min-width: 320px;
}

header {
    margin-top: 50px;
}

.header-text {
    min-width: 320px;
}

.portrait-img {
    border-radius: 3px;
    width: 320px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}

main {
    font-size: 1.5em;
}

address {
    margin-bottom: 0;
    min-width: 350px;
}

.lawtext {
    line-height: 1.5em;
    font-size: 1.2em;
    margin-bottom: 50px;
}

.lawblock {
    margin-top: 100px;
}

.navbar {
    min-width: 160px;
}

i {
    margin-right: 15px;
}

#contact-kontakt {
    min-width: 100px;
    width: 50%;
}
#contact-mail {
    min-width: 320px;
}
#contact-tel {
    min-width: 225px;
}

/* Responsive adaptions */
/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) { 

 }

/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) { 

 }

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) { 
    .header-img {
        max-width: 90%;
        margin-left: 40px;
    }
 }

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 
    .header-img {
        max-width: 100%;
        margin-left: initial;
    }
 }

/* Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
    h1.header-text{
        font-size: 2rem;
    } 

    .row > div {
        margin-top: 25px;
    }

    #contact-tel {
        min-width: 320px;
    }
} 

@media (max-width: 767.98px) {
    #contact-kontakt {
        width: 100px;
    } 
}

/* Medium devices (tablets, below 992px)*/
@media (max-width: 991.98px) {

    .header-img{
        margin-top: 35px;
    }

    .nav-item > a{
        padding-left: 10px !important;
    }

}
/* end @media */