h1, h2, h3, h4, h5, h6 {
    font-family: 'Raleway', sans-serif;
    font-size:28px;
}

h4{
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
}

a, li, div {
    font-family:'Open Sans', sans-serif;
    font-size:18px;
}

p {
    font-family:'Open Sans', sans-serif;
    font-size:18px;
    text-align: justify!important;
}

li {
    list-style:none;
}

.menu .item {
    font-size:14px;
    font-family:'Merriweather', sans-serif;
}

.topbar .menu .item {
    color:#fefefe;
}

.banner {
    width:100%;
    height:750px;
    position:relative;
    overflow:hidden;
}

.banner img {
    width:100%;
    height: 990px!important;
}

.bantext {
    background-color:rgba(0,0,0,0.5)!important;
    position:relative;
    padding:35px;
}

.bantext p {
    font-family:'Open Sans', sans-serif;
    font-size:38px;
    font-weight:200;
    color:#fefefe;
    border-bottom:#fefefe 2px solid;
}

.bantext .input {
    width:90%;
    margin:auto;
}

.banner video {
    width:100%;
    height:860px;
    position:absolute;
    object-fit:cover;
    z-index:-1;
}
.bantext .input {
    width:90%;
    margin:auto;
}

.midimg{
    max-width: 150px;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-left: 25px;
}

.step:hover, .step:hover .description{
    background-color:#01537c!important;
    color:#fefefe!important;
}

.card img {
    height: 200px!important;
}

@media only screen and (max-width:1367px){
    .banner {height:634px!important;}
}

@media only screen and (max-width:900px){
    .banner {display:none;}
    .banner video {display:none!important;}
    .imgitem, .midimg {display:none!important;}
    .navigate .image {width:50%;margin:auto;}
    .navigate .stackable {margin:auto!important;width:100%;text-align:center!important;}
    .navigate .menu .item {margin:auto!important;font-size:16px;width:fit-content!important;}
    .headline {margin-top:20px;}
    .midimg {display:none;}
    .ten, .eleven {text-align:center!important;}
    .navbar {margin:auto!important;}
    .mobilelogo {display:block;width:100%!important;}
    .mobilelogo img {width:80%;}
    .tiptop i {display:none;}
    .tiptop .three {margin-top:-20px!important;}
    .tiptop .four a {margin-left:-61px!important;}
    .navbar .one {display:none!important;}
    .mobimg {display:block;margin-top:25px;margin-bottom:25px;width:80%;}
    .ui.stackable.menu .left.menu {margin-right:-100px!important;}
}

@media only screen and (max-width: 767px){
    .ui.stackable.menu .item {
    width: inherit !important;
    }
}