body, h1, h2, h3, h4, h5, h6 {
    font-family: Montserrat,sans-serif;
}
.data-element{
    margin: auto;
    padding-left:10px;
    padding-right:10px;

}
@media(min-width: 320px){
    .data-element {
        max-width: 300px;
    }
}
@media(min-width: 360px){
    .data-element {
        max-width: 350px;
    }
}
@media(min-width: 420px){
    .data-element {
        max-width: 410px;
    }
}
@media(min-width: 570px){
    .data-element {
        max-width: 550px;
    }
}
@media(min-width: 770px){
    .data-element {
        max-width: 750px;
    }
}
@media(min-width: 990px){
    .data-element {
        max-width: 970px;
    }
}
@media(min-width: 1200px){
    .data-element {
        max-width: 1180px;
    }
}
.logo-centered{
    width:201px;
    display: block;
    margin: auto;
    padding-top: 0.8rem;

}
.main-logo-a{
    position: relative;
    margin:auto;
    z-index: 10;
}
.language-block{
    position: absolute;
    top:0;
    width:100%;
}
.language-select{
    padding-top: 0.8rem;
    float: right;
}
.language-select-select{
    background-color: transparent;
    border: 0px;
    color: white;
}

.header-top{
    background-color: #234052;
    background-image: url("/static/background.png");
    background-position: bottom -100px center;
}
.header-box{
    overflow: hidden;
}
.t4a-logo-main{
    #display: block;
    #margin: auto;
    #padding-top: 0.8rem;
}
.logo-subtext{
    display: block;
    font-size:0.9rem;
    text-align:center;
    padding-left: 6rem;
    padding-bottom: 0.8rem;
    color: white;
}

.main-image-with-search{
    background-color: #234052;
    background-image: url("/static/background.png");
    height: 15em;
}
.search-box{
    margin: auto;
    padding-top:9.2em;
}
@media(min-width: 320px){
    .search-box {
        width: 300px;
    }
}
@media(min-width:  570px){
    .search-box{
        width: 530px;
        margin: auto;
        padding-top:9.2em;
    }
}
@media(min-width: 770px){
    .search-box{
        width: 600px;
        margin: auto;
        padding-top:9.2em;
    }
}

.search-help{
    color: white;
    padding-top:0.3em;
    font-size: 0.8em;
}
.header-main-menu{
    padding-top: 0.4em;
    padding-bottom: 0.4em;
    overflow: hidden;
}
.header-main-menu a{
    text-decoration: none;
    color: #234052;
    display:block;
}
.header-main-menu-mobile{
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
}
.header-main-menu-mobile a{
    padding-left: 2rem;
    padding-right: 2rem;
    text-decoration: none;
    color: #234052;
    display:block;
}

.content-box{
}
.list-container{
    color: #555555;
}
.list-element{
    padding-top: 1.5em;
    padding-bottom: 1.5em;
    border-bottom: 1px solid #e5e5e5;
}


.footer{
    margin-top: 1em;
    background-color: #330080;
    background-image: url("/static/background.png");
    padding-top: 0.3em;
    padding-bottom: 0.3em;
}
.footer a{
    text-decoration: none;
    color: white;
    margin-right: 2em;
    float: right
}
.pull-left{
    float: left;
    margin-right: 2em;
}
.pull-right{
    float: right;
    margin-left: 2em;
}
.main-title{
    color: #555555;
    margin-top: 1.2em;
    font-size: 2em;
}

.single-date{
    font-size: 0.8em;
}

.btn-dark {
    color: #E9EDEF;
    background-color: #4B5F71;
    border-color: #364B5F;
}
.btn-secondary {
    color: #fff;
    background-color: #6c757d;
    border-color: #6c757d;
}
.extra-text{
    margin: auto;
    padding-top:1.8rem;
    color: white;
}
a{
    text-decoration:none;
}
.nice-box-front{
    border: 1px solid #999999;
    height: 120px;
    margin:10px;
    padding:20px;
    text-align:center;
    border-radius: 5px;
    color:#333333;
}
.nice-box-front:hover{
    color:white;
    background-image: url("/static/background.png");
}
.nice-box-icon{
    display:block;
    width: 100%;
    margin-bottom:1.2rem;
}
.nice-box-icon i{
    margin: auto;
    font-size: 2.8rem;
}
.nice-box-icon-hover{
    display:none;
}
.nice-box-front:hover .nice-box-icon{
    display:none;
}
.nice-box-front:hover .nice-box-icon-hover{
    display:block;
}


.main-title-start{
    margin-top:2rem;
    font-size:1.3rem;
    text-align: center;
    color: #555555;
}
.main-subtitle-start{
    font-size:1.1rem;
    text-align: center;
    margin-top:0.3rem;
    color: #555555;
}

.nice-box-front-white{
    border: 1px solid #ffffff;
    color: white;
    height: 120px;
    margin:10px;
    padding:20px;
    text-align:center;
    border-radius: 5px;
}
.extra-text-header{
    text-align:center;
}


@media screen and (max-width: 799px){
    .mobile-size{
        display: block;
    }
    .wide-size{
        display: none;
    }
}
@media(min-width: 800px){
    .mobile-size{
        display: none;
    }
    .wide-size{
        display: block;
    }
}
.btn-success{
    background-color: #124559;
    border-color: #124559;
    color: #ffffff;
}
.btn-success:hover{
    background-color: #ffffff;
    border-color: #124559;
    color: #124559;
}
.btn-success-light {
    background: #26B99A;
    border: 1px solid #169F85;
    color: #ffffff;
}
.form-control{
    border-radius: 0.3rem;
    margin-bottom: 1rem;
}
.login-form-alert{
    border-radius: 0.3rem;
    margin-bottom: 1rem;
    color: white;
    padding: .375rem .75rem;
    background-color: #9f0013;
    border: solid 1px #700411;
}
.front_link{
    color: #234052;
}