.testo:before {
	content:"This is the before text of the testo class. ";
}

.testo:after {
	content:" This is the after text of the testo class.";
}

#snurdmenu {
	margin:0;
	padding:0;
}

#snurdmenu  ul{
	margin:0;
	padding:0;
}

/* Custom, iPhone Retina */ 
    @media only screen and (max-width : 767px) {
	
	#snurdmenu li {
		list-style:none;
		float:left;
		position:relative;
		width:100%;
	}
	
	#snurdmenu ul li a {
		color:#fff;
		background-color:green;
		text-align:center;
		text-decoration:none; /* This gets rid of default underline */
		width:100%;
		height:50px;
		display:block;
	}
	
	#snurdmenu ul ul {
		position:absolute; /* This positions child elements under parent elements */
		display:none; /* This hides the list items as the default */
	}

	#snurdmenu ul li:hover > ul {
		display:block;
	}
	
	.snurdmenu {
		width:100%;
	}
	
	.dropdown-item {
		width:100%;
	}
	
	.mitem {
		background:blue;
		height:2em;
		
	}
	
	.dropdown ul .mitem a {
		color:white;
	}
	
} /* iPhones */

@media only screen and (min-width : 768px) {





#snurdmenu li {
	list-style:none;
	float:left;
	position:relative;
}

#snurdmenu ul li a {
	color:#fff;
	background-color:#222;
	text-align:center;
	text-decoration:none; /* This gets rid of default underline */
	width:100px;
	height:50px;
	display:block;
}

#snurdmenu ul ul {
	position:absolute; /* This positions child elements under parent elements */
	display:none; /* This hides the list items as the default */
}

#snurdmenu ul li:hover > ul {
	display:block;
}

#snurdmenu ul li a:hover,
#snurdmenu ul li ul li a:hover {
	background:blue;
}

}