@media only screen and (max-width: 768px) {

/* Body */

html, body {font-size: 1em;}


/* Typography */

h1 {}


/* Structure */

.smallwrapper {padding: 0 15px;}

[class*="col-"] {float: left; padding: 30px 15px; width: 100%;}


/* Top Bar */

#top-bar {display: none;}


/* Header */

#header {padding: 0; }
.header-flex {display: block; float: left; width: 75%;}
#logo {width: 75%; padding: 15px;}
#logo img {height:100px;}


/* Navigation */

#navigation {display: none;}

.menu-wrap {width:25%; height:100%; float: left;}
.menu-button {padding:5px; text-align: center; background-color: #ed1c24; color: #FFF; transition: ease 0.5s; width: calc(100% - 30px); height: calc(100% - 30px); max-height: 60px; margin: 15px; font-size: 2em;}
.menu-button:hover {cursor: pointer; box-shadow: none;}
.sidenav {height: 100%; width: 0; position: fixed; z-index: 99999; top: 0; right: 0; background-color: #ed1c24; color: #FFF; overflow: hidden; transition: ease all 0.5s; padding-top: 15px; text-align:center;}
.sidenav a {padding: 10px; font-size: 2em; text-decoration: none; display: block; transition: ease all 0.3s;}
.sidenav a:hover{opacity: 0.5;}
.sidenav .closebtn {position: relative; font-size: 3em;}
#sidenavmenu {transition: ease all 0.3s;}

ul.children, li.page_item {list-style-type: none; list-style-image: none; margin:0; padding-inline-start: 0; font-size: 0.9em;}
ul.children a {padding: 5px;}
ul.children a:hover {}

ul.menu {margin: 0; padding: 0;}
li.menu-item {list-style-type: none; list-style-image: none; margin:0; padding-inline-start: 0; }

.menu-lang {font-size: 0.6em !important; }
.menu-lang img.wpml-ls-flag {display: none;}
.menu-lang .wpml-ls-legacy-list-horizontal {background-color:#0080C5; border-radius: 15px; padding: 5px 10px !important; max-width: fit-content; margin: 20px auto 0 !important;}
.menu-lang .wpml-ls-legacy-list-horizontal .wpml-ls-flag+span {margin-left: 0 !important;}


/* Content */

.homebox {width: calc(100% - 30px);}


/* Passport page */

.passport-button { margin-top: 15px;}
img.passport-thumb {margin: 1em auto; float: none;}


/* Sidebar */

#sidebar {padding: 0 15px;}
.sidebar h2 {text-align: center;}

#sidebar .widget, .sub-pages {padding: 15px; margin-bottom: 15px;}

.sub-pages-item {font-size: 1.1em;}
ul.sub-pages-item li {margin-bottom: 10px; border-bottom: 0.5px dashed #FFFFFF;}


/* Footer */

#social {margin-top:15px;}
#social img {max-width: 35px;}

#footer::before {content: ""; display: block; height: 100px; background-image: url(images/footer-top.svg); background-repeat: repeat-x; background-size: auto 100px; background-position: top center; background-color: #FFF;}

.foot1, .foot2, .foot3 {text-align: center; padding: 15px;}
.copyright {font-size: 0.75em;}


}