html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
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%;
    vertical-align:baseline;
    background:transparent;
}


@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,300,700,700italic);


body {font-family: 'Nunito'; font-size: 16px; font-weight: 300; color: #555; margin: 0; padding:0; }

#page {max-width: 100%; margin: 0 auto; position: relative; ;
     }


/*text*/

h1 { margin: 0 0 1em 0; font-size: 3em; font-weight:700; padding: 0px;	}
h2 { margin: 0 0 .5em 0; font-size: 1.6em; font-weight:700; line-height: 1.1em }
h3 { margin: 0 0 .5em 0; font-size: 1.3em; font-weight:700; padding-top: 20px; }
h4 { margin: 0 0 0.5em 0; font-size: 1em; font-weight:700;  }
p { margin: 0 0 0.5em 0 ;}
em {font-style: normal; font-weight:700;}
a { color: #007eff; text-decoration: none;  }
a:visited { color: #65b1ff; }
a.btn { font-size: 1.2em; text-decoration: none; color: #000; border: 1px solid #000; padding: 4px 25px;
 transition: background .5s ease-in, transform .5s .25s ease-in-out;}
a.btn:hover { background-color: rgba(0,0,0,.1);  }
em { font-style: italic; }

img { max-width: 55%; display: block;  box-shadow: 0 0 1px 1px #000; padding: 15px;padding-bottom: 50px;
margin-bottom: 10%}

.img-vertical { max-width: 28%; }
.img-vertical-font { font-size: 0.8em; }

figure {
     position: relative;
}
figure img {
    display: block;
}
figcaption {
	font-family: 'Nunito';
	font-size: 1em;
    color: #000;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding-bottom: 5px;
    font-style: italic;
}
/*navmenu contact/home*/


#headermenu {
	width: 100%;
	padding-top: 20px;
	display: block;
	position: ;
	top: 0px;
	right: 20px;
	height: 40px;
	display: block;
	background-color: #fff;
	z-index:1;


	
}

#headermenu ul, li{
	list-style-type: none;
	margin:0px;

	padding: 0px;
}

#headermenu li{
	float: right;
	padding-left: 10px; 
	border-right:1px solid black;
	padding-right:10px;"
	display: inline;
	
}


#headermenu a{
	color:black;
	
	margin: 0px;
	text-shadow:1px 1px 3px gray;
	text-decoration: none;
}

#headermenu a:hover{
	color:gray;
	
	margin: 0px;
	
}

#headermenu li.bordernone  {
	border-right: none;
}


.menuFixed p {color: gray; font-family: 'Nunito'; font-size: 0.7em; position: fixed;
	
	right: 1%;
	top: 11%;  }


.arrow-down {
	width: 0; 
	height: 0; 
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	position: fixed;
	border-top: 20px solid #000;
	right: 2%;
	top: 15%;


}

x`/*buttom top*/

#button-top { font-family:'Nunito'; z-index: 1; border-radius: 5px; font-family:'Nunito'; background: rgba(0, 0, 0, 0.9);  width: 22px;
    height: 27px; text-align: center;  padding: 5px 10px 2px 10px;  font-size: 1.5em; position: fixed;  bottom: 10px;
    right: 10px; }

  #button-top a { text-decoration: none; }

  #button-top a:visited {text-decoration: color: white;}

.color-buttom {color: white;}
/*section*/

section.photo { padding-top: 0px; display: block; position: relative; margin-top: 100px;  }


/*MEDIA QUERIES*/

@media screen and (max-width: 760px) {

	img { max-width: 90%; display: block;  box-shadow: 0 0 1px 1px #000; padding: 5px; padding-bottom: 20px;
margin-bottom: 5%}


figure {
     position: relative;
}
figure img {
    display: block;
}
figcaption {
	font-family: 'Nunito';
	font-size: 0.6em;
    color: #000;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding-bottom: 5px;
    font-style: italic;
}
.arrow-down {
	display: none;


}

}