.ribbon {
    font-size: 16px !important;
    width: 69%;
    position: relative;
    background: #f54208cc;
    color: #fff;
    text-align: center;
    padding: 1em 2em;
    margin: 0 auto 24px;
}
.ribbon::before, .ribbon::after {
    content: "";
    position: absolute;
    display: block;
    bottom: -1em;
    border: 1.5em solid #c638ba;
    z-index: -1;
}
.ribbon:before {
 left: -2em;
 border-right-width: 1.5em;
 border-left-color: transparent;
}
.ribbon::after {
    right: -2em;
    border-left-width: 1.5em;
    border-right-color: transparent;
}
.ribbon .ribbon-content:before, .ribbon .ribbon-content:after {
 content: "";
 position: absolute;
 display: block;
 border-style: solid;
 border-color: #ec5c2c transparent transparent transparent;
 bottom: -1em;
}
.ribbon .ribbon-content:before {
 left: 0;
 border-width: 1em 0 0 1em;
}
.ribbon .ribbon-content:after {
 right: 0;
 border-width: 1em 1em 0 0;
}


.nav_ul
{
	list-style-type:none;
	
	
	padding: 16px;
}
.nav_ul li 
{
	
	display:inline-block;
	
	font-family: 'Mystery Quest', cursive;
	padding: 0 17px;
}