@import url(https://fonts.googleapis.com/css?family=Lobster);
* { 
				/* Basic CSS reset */
				margin:0; 
				padding:0;
			}

			.bodymenu {
				/* These styles have nothing to do with the ribbon */
				
			
				margin:auto;
				text-align:center;
  font-family:'Lobster', Arial, Helvetica, sans-serif; font-size:16px;

			}

			.ribbon {
				display:inline-block;
			}

			.ribbon:after, .ribbon:before {
				margin-top:0.5em;
				content: "";
				float:left;
				border:1.5em solid #034745;

			}

			.ribbon:after {
				border-right-color:transparent;
			}

			.ribbon:before {
				border-left-color:transparent;
			}

			.ribbon a:link, .ribbon a:visited { 
				color:#ffffff;
				text-decoration:none;
			    float:left;
			    height:3.5em;
				overflow:hidden;
			}

			.ribbon span {
				background:#034745;
				display:inline-block;
				line-height:3em;
				padding:0 1em;
				margin-top:0.5em;
				position:relative;

				-webkit-transition: background-color 0.2s, margin-top 0.2s;  /* Saf3.2+, Chrome */
				-moz-transition: background-color 0.2s, margin-top 0.2s;  /* FF4+ */
				-ms-transition: background-color 0.2s, margin-top 0.2s;  /* IE10 */
				-o-transition: background-color 0.2s, margin-top 0.2s;  /* Opera 10.5+ */
				transition: background-color 0.2s, margin-top 0.2s;
			}

			.ribbon a:hover span {
				background:#B31115;
				margin-top:0;
			}

			.ribbon span:before {
	  color:#ffffff;			
  content: "";
				position:absolute;
				top:3em;
				left:0;
				border-right:0.5em solid #740608;
				border-bottom:0.5em solid #034745;
			}

			.ribbon span:after {
				content: "";
				position:absolute;
				top:3em;
				right:0;
				border-left:0.5em solid #740608;
				border-bottom:0.5em solid #034745;
   
			}
			@media all and (max-width: 668px) { 
div#menu { 
display:none; 
}
}