.menu{  background:#CD0808;
        font-family: arial;
        box-shadow:10px 10px 30px 0 rgba(255,50,50,0.5);
	    box-sizing:border-box;
        line-height:1}
input.menu-glowne,input[type=checkbox].menu-glowne~.collapse{display:none}
input[type=checkbox]:checked.menu-glowne~.collapse{display:block}
label.menu-glowne{ color:#F1F7F7;
                   cursor:pointer;
                   display:block;
                   padding:15px 40px}
label.menu-glowne:hover{color:#5F5F5F}
.collapse{border-top:1px #5F5F5F solid}
.menu li,.menu ul{list-style:none;
                   margin:0;
				   padding:0;}
.menu ul ul{display:none}
.menu a{color:#F9EBEB;
         display:inline-block;
		 padding:12px 40px;
		 text-decoration:none}
.dropdown ul{background:rgba(251, 135, 135, 0.96);
             padding:0}
.dropdown:hover a,.menu a:hover{color:black}
.dropdown:hover ul{display:block}
.dropdown ul a,.dropdown:hover ul a{color:#F9EBEB}
.dropdown ul a:hover,.dropdown:hover ul a:hover{color:black}
.dropdown ul ul{border-bottom:1px #180000 solid;
                border-top:1px #180000 solid;
                box-shadow:none;
                margin-bottom:16px;
                max-width:100%;
                position:relative}
.icon-dropdown{border:solid #959595;
               border-width:0 2px 2px 0;
               display:inline-block;
               margin:0 0 3px 8px;
               padding:3px;
               transform:rotate(45deg)}
li:hover .icon-dropdown{border-color:#fff}
.icon-menu::before{content:'\2630'}


@media (min-width:800px){
	.menu li{display:inline-block}
	.menu a{padding:16px}
	.dropdown{position:relative}
	.dropdown li a{display:block;padding:8px 16px;white-space:nowrap}
	.dropdown ul{box-shadow:1px 1px 3px 0 rgba(0, 0, 0, 0.5);
	              padding:10px 10px;
				  position:absolute;
				  min-width:100%}
input.menu-glowne,label.menu-glowne{display:none}
.collapse,input[type=checkbox].menu-glowne~.collapse{display:block}}

