@charset "UTF-8";
/* CSS Document */

html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
 padding: 0;
 margin: 0;
 font-size: 100%;
 font-weight: normal;
}
table { border-collapse: collapse; border-spacing: 0; }
td, th, caption { font-weight: normal; text-align: left; }
img, fieldset { border: 0; }

a{text-decoration:none; color:#000}


body {
	 width: 100%;
	 height: 100%;
     margin: 0;
     padding: 0;
}

#container {
	 width:90vw;
	 max-width:950px;
	 height:100%;
	 padding-bottom:55px;
     margin:auto;
     margin-top:1vw;
     background-color: #fff; 
}

#navigation{
	width:100%;
	max-width:950px;
	display:inline-block;
	border-bottom: 3px solid #dcddde;
	border-top: 3px solid #dcddde;
}

#pix{
	width:100%;
	max-width:950px;
	margin-top:2%;	
}

.pic{
	width:100%;
	padding-top:1%;
	display:inline-block;
}
.narrowPic{
	width:48.25%;
	padding:1% 1% 1% 0;
	display:inline;
}
.narrowPic1{
	width:49.75%;
	padding:1% 0 1% 0;
	display:inline;
}

h1 {
	font-family: 'Barlow', sans-serif;
	font-weight:100;
	letter-spacing:.03em;
	line-height:1em;
	font-size: calc(2vw + 2.5vh + 2vmin);
	/*font-size:calc(28pt + 2vw);*/
    text-align:left;
	padding-bottom:1.5%;
	padding-top:1%;
}

h1 a:hover{
	color:#999;
}

h2 {
	font-family: 'Barlow', sans-serif;
	font-weight:100;
	letter-spacing:.2em;
	font-size: calc(1vw + .5vh + 1vmin);
	/*font-size:calc(12px + 1vw);*/
	padding:1.5% 0 1.5% 0;	
}

h2 a{
	font-weight:200;
	color:#999;
}

h2 a:hover{
	color:#ccc;
}

h3{
	font-family: 'Barlow', sans-serif;
	font-weight:600;
	letter-spacing:.03em;
	line-height:1em;
	font-size: calc(1vw + 1vh + 1vmin);
	/*font-size:calc(13pt + 1vw);*/
    text-align:left;
	padding-bottom:1%;
	padding-top:1%;
}
	
p{
  font-family: 'Barlow', sans-serif;
  font-weight:300;
  width:85vw;
  font-size:14px;
  max-width:900px;
  line-height:1.5em;
  padding-bottom:2%;
 
}
.size{
	font-weight:500;
	/*color:#6c7e8b;*/
	color:#000;
}

.date{
	font-weight:700;
	letter-spacing:.03em;
}


@media screen and (max-device-width:480px) 
{p { font-size:36px; font-weight:400; padding-top:1vw;
}

@media screen and (max-device-width:480px) 
{h2 a { font-size:40px; font-weight:400; color:#333;
}

@media screen and (max-device-width: 480px) 
{h1 { font-weight:300; padding-top:2%;
}

@media screen and (max-device-width: 480px) 
{h3 { font-size:40px; 
}