.menu_mobile .menu_mobile_in #menu_roll { display:none; position:absolute; left:10px; right:10px; background-color:White; padding-top:10px; padding-bottom:10px; margin-top:10px; } .menu_mobile .menu_mobile_in #menu_roll a { display:block; text-align:left; color:Black; text-decoration:none; font-size:150%; padding-left:10px; } .menu_mobile .menu_mobile_in #menu_roll a:hover { background-color:#008080; color:White; } .menu_mobile { display:none; height:100px; align-items:stretch; justify-content:space-between; } .menu_mobile .logo_mo { flex-shrink:1; } .menu_mobile .logo_mo img { width:100%; } .menu_mobile .menu_mobile_in { width:80px; height:60px; padding-top:20px; } .menu_mobile .menu_mobile_in #hamburger { width:60px; height:60px; background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4wLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL1RSLzIwMDEvUkVDLVNWRy0yMDAxMDkwNC9EVEQvc3ZnMTAuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4wIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIxMDBweCIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEwMCAxMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHJlY3QgeD0iMTAiIHk9IjEwIiBmaWxsPSIjRkZGRkZGIiB3aWR0aD0iODAiIGhlaWdodD0iMTUiLz4NCjxyZWN0IHg9IjEwIiB5PSI3NSIgZmlsbD0iI0ZGRkZGRiIgd2lkdGg9IjgwIiBoZWlnaHQ9IjE1Ii8%2BDQo8cmVjdCB4PSIxMCIgeT0iNDEiIGZpbGw9IiNGRkZGRkYiIHdpZHRoPSI4MCIgaGVpZ2h0PSIxNSIvPg0KPC9zdmc%2BDQo%3D'); background-size:contain; display:block;  cursor:pointer; } #hamham { cursor:pointer;  position:fixed;  opacity:0;  height:60px;  width:60px; } #hamham:checked ~ #menu_roll { display:block; } .menu_mobile_in:hover #hamburger, #hamham:checked ~ #hamburger { background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4wLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL1RSLzIwMDEvUkVDLVNWRy0yMDAxMDkwNC9EVEQvc3ZnMTAuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4wIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHdpZHRoPSIxMDBweCIgaGVpZ2h0PSIxMDBweCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDEwMCAxMDAiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHJlY3QgeD0iMTAiIHk9IjEwIiBmaWxsPSIjMDBDNEM0IiB3aWR0aD0iODAiIGhlaWdodD0iMTUiLz4NCjxyZWN0IHg9IjEwIiB5PSI3NSIgZmlsbD0iIzAwQzRDNCIgd2lkdGg9IjgwIiBoZWlnaHQ9IjE1Ii8%2BDQo8cmVjdCB4PSIxMCIgeT0iNDEiIGZpbGw9IiMwMEM0QzQiIHdpZHRoPSI4MCIgaGVpZ2h0PSIxNSIvPg0KPC9zdmc%2BDQo%3D'); } @media only screen and (max-width:1320px) { #menu_top .menu_in {  display:none; }  .menu_mobile {  display:flex; } }