h1{
    font-size:36px!important;
}
 
h3{
    font-size:28px!important;
}

h2, h3, h4, h5, h6 {
    font-family: 'Source Sans Pro', sans-serif;
    font-size:28px;
}

p{
    font-size:20px!important;
    font-family:'Source Sans Pro', sans-serif;
}

a, li, div {
    font-family: 'Source Sans Pro', sans-serif;
    font-size:14px;
}

li {
    list-style:none;
}

.banner .slider1 .slides .item1 {
    background-image: url("/static/ercobanner.jpg");
}

.banner .slider1 .slides .item2 {
    background-image: url("/static/ercobanner2.jpg");
}

.banner .slider1 .slides .item3 {
    background-image: url("/static/ercobanner3.jpg");
}

.banner .slider1 .slides .item4 {
    background-image: url("/static/ercobanner4.jpg");
}

.banner .slider1 .slides .item5 {
    background-image: url("/static/ercobanner5.jpg");
}

.menu .item {
    font-size:14px;
    color:#0d5c9b!important;
    font-family: 'Source Sans Pro', sans-serif;
}

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

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

.banner img {
    width:100%;
}

.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;
}

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

.card{
    font-size: 14px!important;
    text-align: center;
}

@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;
    }
}