html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
	background-color:#
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
 h1{
	 font-size:18px;
 }
 h2{
	 font-size:14px;
 }
/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
 
table {
    border-collapse: collapse;
    border-spacing: 0;
}
.top{
	display: flex;
	flex-direction: row;
	flex-wrap:wrap ;
	justify-content:center;
}
.item, .tags{
	margin:1px;
	padding:0px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	cursor:pointer;
	-webkit-flex: 3 1 180px; 
	-ms-flex:  3 1 180px; 
	flex:  3 1 180px;
}

.picsbox{
	display: flex;
	flex-direction: row;
	flex-wrap:wrap ;
	justify-content:center;
}
.spotbox{
	display: flex;
	flex-direction: row;
	flex-wrap:wrap ;
	justify-content:center;
}
.spotitem{
	margin:1px;
	padding:0px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	cursor:pointer;
	-webkit-flex: 3 1 180px; 
	-ms-flex:  3 1 180px; 
	flex:  3 1 180px;
}
.pagebox{
	display: flex;
	flex-direction: row;
	flex-wrap:wrap ;
	justify-content:center;

}
.pageitem{
	color:#ff0000;
}
.pageitem{
		font-size:20px;
	margin:10px;
	padding:5px;
	border: 1px solid #ffffff;
}
.pagebox a,a:over{
	color:#ffffff;
}
.pagebox a:hover{
	color:#ff0000;
}

.pics{
	margin:2px;
	padding:0px;
	
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	cursor:pointer;
	-webkit-flex: 3 1 300px; 
	-ms-flex:  3 1 300px; 
	flex:  3 1 300px;
	max-width:300px;
}
a img { padding:2px;}
a:hover img { 
filter: progid: DXImageTransform.Microsoft.Alpha(opacity=85); 
-moz-opacity: 0.9; /* Mozilla 1.6 */ 
-khtml-opacity: 0.9; /* Konqueror 3.1, Safari 1.1 */ 
opacity: 0.9; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */ 
filter: alpha(opacity=95); /* IE 5.5+*/ 


}
.head{
	color:#ffffff;
	
}
html,body{margin:0;padding:0;}
body{font: 76% arial,sans-serif;text-align:center;background-color:#1a2020;}
p{margin:0 10px 10px}
a
{
    color: #ffffff;
    border:none;
    margin:0px;
    padding:0px;
    text-decoration:none;
}
a:hover
{
    color:#ff0000;
}

#menu{
	  display: none;
}

@media all and (max-width: 768px) {
 h1{
	 font-size:28px;
 }
 h2{
	 font-size:24px;
 }
.pageitem{
		font-size:20px;
		margin:5px;
}
#menu{
	  display: inline!important;
	  margin:0;padding:0;
}
#menuitem{
	 display: none;
	 position:absolute;	 
	 top:25px;
 }
}