nav#full {
	margin:0;
	padding:0;	
}
nav#mobile {
    display:none;
}

#menu {
	float:right;
	background:#8b072e;
	max-width: 100%;
	width:50%;
	padding:0;	
	margin:0;
	z-index:99999;
}
#sddm {	
	float:left;
	max-width:100%;
	width:100%;
	padding: 0;
	margin:0;
	z-index: 99999;
	margin-top:20px;
}

#sddm li {	
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	max-width:20%;
	width:100%;
	text-align: center;
}

#sddm li a {
	display: block;
	max-width:100%;
	width:100%;
	text-align: center;
	font-family: 'Muli', sans-serif;
	font-size: 15px; 
	font-weight: normal; 
	color: #fff; 
	text-decoration: none; 
	width:100%;
	margin: 0px;
	padding: 10px 5px;
}
#sddm li a:hover {
	display: block;
	font-size: 15px; 
	font-family: 'Muli', sans-serif;
	text-decoration: none; 
	text-align: center;
	margin: 0px;
	width:100%;
	color:#aa914e;
	padding: 10px 5px;
}
#sddm a.current {
	display: block;
	color:#aa914e;
	font-family: 'Muli', sans-serif;
	font-weight: normal; 
	text-align: center;
	text-decoration: none; 
	font-size: 15px; 
	margin: 0px;
	width:100%;
	padding: 10px 5px;
}
#m2 {
	z-index: 1000;
}
	
#sddm div {
	background:#8b072e;
	max-width:230px;
	width:100%;
	position: absolute;
	visibility: hidden;
	margin:0;
	margin-left:-60px;
	padding: 0px;
	z-index: 99999;
}
#sddm div a {	
	color:#fff;
	position: relative;
	display: block;
	font-size:14px;
	margin:0;	
	padding:7px 0px;
	max-width: 239px;
	width:100%;
	text-align: center;
	text-decoration: none;
	border-bottom:1px #cdcdcd solid;
	z-index: 99999;
}

#sddm div a:hover {	
	color:#aa914e;
	font-weight:normal;
	margin: 0;
	font-size:14px;
	padding:7px 0px;
	border-bottom:1px #cdcdcd solid;
	z-index: 1000;
}


@media (max-width: 780px) { /*  Breakpoint for ipdad   */

	nav#full {
        display:none;
    }
    nav#mobile {
	    display:block;
        margin:0 ;
        padding:0;
        background:#fff;
        
    }
 
    /*
    Top black bar that holds the toggle button
    */
 
    nav#mobile #toggle-bar {
	    margin-top:5px;
	    display:block;
        width:100%;
    }
 
    /*
    Toggle button #1 ("Menu")
    */
 
    nav#mobile strong a {
        margin:0px;
        padding:5px;
    }
    nav#mmenu {
        background:#000;
    }
 
 	#menu {
    	height:auto;
    	width:100%;
    }
    
    /*
    Toggle button #2 ("Navicon")
    */
 
    nav#mobile .navicon {
        float: right;
        background:url('images/menu-bar.jpg') no-repeat ;
	    width:25px;
	    height:25px;
	    margin-right:0px;
    }
 
    /*
    The dropdown menu
    */
    nav#mobile ul {
	    float:left;
        background:#8b072e;
        width:100%;

    }
    
    nav#mobile ul li {
        clear:both;
        list-style:none;
        margin:0;
        margin-left:-40px;
        padding:0;
        background:#8b072e;
        width:100%;
    }
 
    nav#mobile ul li a {
	    float:left;
	    width:100%;
	    text-align:left;
	    color:#fff;
	    font-size:16px;
        display:block;
        margin:0;
        padding:10px 0 10px 8px;
        border-bottom:1px #808080 solid;
    }
    nav#mobile ul li a:hover {
	    text-decoration:none;
	    background:#000;
	    color:#fff;
    }
 
    nav#mobile ul ul {
        font-size:small;
        background:#8b072e;
    }
 
    nav#mobile ul ul li {
        margin-left:-20px;
		background:#8b072e;
    }
 
    nav#mobile ul ul a {
        padding-left:8px;
    }
 
    nav#mobile ul ul a:before {
        content: "\2192";
        padding-right:8px;
    }
	
	
	
}

@media (max-width: 600px) { /*  Breakpoint for Mobile */

	
	
	
}