html {
    font-size: 14px;
    font-family: Corbel;
    font: bold;
    color: rgb(0,64,119);
    position: relative;
    min-height: 100%;
}


@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

h1, h2, h3, h4 {
    font-family: Corbel;
    color: rgb(0,64,119);
}

.m-item {
    color: rgb(0,64,119);
    text-decoration: none;
}

    .m-item:hover {
        color: rgb(0,64,119);
        text-decoration: underline;
    }
    .m-item:active {
        color: white;
        background-color: rgb(0,64,119);
    }

body {
        margin-bottom: 60px;
    }

.topLine {
    width:100%;
    background-color: #E3F2FF;
}
.lineItems{
    margin:auto 3%;
}

.h-item {
    display:inline-block;
}

.b-item {
    display: inline-block;
    border:none;
    padding: 0;
    background-color: #E3F2FF;
}

.f-item {
    width:35px;
    margin-left:1%;
}

.lFlags {
    width: 100%;
}

#logo-button {
    border:none;
    background-color:white;
    margin:3% 4%;
}

#Theme-block {
    width:100%;
}

.tm-button {
    background-color: white;
    border-color: rgb(0,64,119);
    margin: 2% 3%;
    min-width:12%;
}

#h-top-line {
    width: 100%;
    background-color: rgb(0,64,119);
    height: 5px;
}

.lect-block {
    width:98%;
    margin-left:1%;
    text-align:center;
    display: none;
}

    #h-bot-line {
        width: 100%;
        background-color: rgb(0,64,119);
        height: 20px;
    }

.lc-button {
    background-color: white;
    border-color: rgb(0,64,119);
    min-width: 8%;
    margin: 1% 0.5%;
}

.main-container {
    margin: 1% 5%;
}

.main-text {
    text-align:center;
    width:100%;
    & img{
            width:100%;
         }
}

.l-img {
    width:100%;
}