.sm-simple li {
    padding-left: 10px
}
#nav {width: 100%;font-size: 2em;margin-top: 10%;}
#nav, #main-menu {background-color: darkgrey; opacity: .8}
#main-menu li { padding: 0 1%;background-color: transparent; border: none}
span.point2 {color: #E00060;font-weight: bold;}
#menu-button {display:none;padding: 5px; font-size:.6em;text-decoration:none;cursor: pointer}
#menu-button:before {content:'\f0c9  Menü';font-family: FontAwesome;}
#menu-button.collapsed:before {content:'\f0c9  Menü';font-family: FontAwesome;}

.dist {padding: 0}

.fullwidth {padding: 0; width: 100%}
.fa-file-pdf-o {color:#000000};

.title_logo a {font-size: 2em;}
.title_logo a img {width: 15%; margin-left: 1%}

.sm-simple a {font-size: .4em;}
.textContent a, .textdiv  a {font-weight:bold}
.textContent  a:before, .textdiv  a:before {content: "\f054 \00a0";font-family: FontAwesome;color: #515763;padding: 0;float: none;}
.textdiv ul {margin-left: 15px}
.textdiv li {list-style: inherit}
@media (min-width: 360px) {
    .title_logo a {font-size: 1.5em;}
    .title_logo a img {width: 10%; margin-left: 1%}
}
@media (min-width: 640px) {   
    .title_logo a {font-size: 2em;}
    .title_logo a img {width: 10%; margin-left: 1%}
    
    #nav {margin-top: 0}
    .sponsorpad {padding: 0 10%;}
}
@media (max-width: 705px) {
 #menu-button {display:inline-block;color: #fff} 
#main-menu.collapsed {display:none;}                  /* hide the menu when it has the "collapsed" class set by the script */   
}




@media only screen and (min-width: 768px) {   
    .title_logo a img {width: 11%; margin-left: 1%}
    #nav {margin-top: 10%}
    
}
@media only screen and (min-width: 980px) {
    .sm-simple a {font-size: .5em;}
}



@media only screen and (min-width: 1280px) {
    .title_logo a {font-size: 2.4em;}
    .title_logo a img {width: 10%; margin-left: 1%}
    .sm-simple a {font-size: .7em;}
}
@media only screen and (min-width: 1640px) {
    .title_logo a {font-size: 3em;}
    .title_logo a img {width: 8%; margin-left: 1%}
}