* {
	/* border-style: dashed; */
	border-width: 2px;
	border-color: black;
	/*color: red;*/

	/*background-color: #DD7700;*/
	box-sizing: border-box;
	padding: 0;
 	margin: 0;

  font-family: "Avenir Next", "Helvetica-Neue", "Source Sans Pro", "Helvetica", "Geneva", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 21px;
	font-weight: 400;
}
.wrapper {
	background-color: #4F6A9F;/*#E55928*/
}
header.page {
	width: 50%;
	height: auto;
	overflow: auto;

	clear: both;

	margin: 0 auto;
}
video {
	max-width: 100%;
}
.page .logo {
	height: auto;
	float: left;
	padding-top: 5px;
	color: #FFFFFF;

	/*font-family: "Avenir Next", "Helvetica-Neue", "Helvetica", "Geneva", sans-serif;
  -webkit-font-smoothing: antialiased;*/
	font-size: 24px;

	border-bottom-style: solid;
	border-bottom-color: #D9D9D9;
	border-bottom-width: 1px;

	font-weight: 300;

	-webkit-transition: all .25s ease;
	   -moz-transition: all .25s ease;
	    -ms-transition: all .25s ease;
	     -o-transition: all .25s ease;
	        transition: all .25s ease;
}
.page .logo:hover {
	color: #FFFFFF;
	text-shadow: 1px 1px 7px #fff;
}
header.page nav {
	color: #E6E6E6;
	height: auto;
	float: right;
	padding-left: 20px;
	padding-right: 5px;
	/*background-color: #DD7700;*/
	/*background-color: #569CE4;*/
	background: rgba(255, 255, 255, 0.1);
	/*font-weight: 500;*/
}

header.page nav a, a{
	color: #E6E6E6;
	font-size: 30px;
	/*font-style: "Bold";*/
	font-weight: 500;

	-webkit-transition: all .25s ease;
	   -moz-transition: all .25s ease;
	    -ms-transition: all .25s ease;
	     -o-transition: all .25s ease;
	        transition: all .25s ease;
}
#logo a {
	font-size: 30px;
	font-weight: 500;
}

article a {
	font-size: 1.0rem;/*21px;*/
	/*color: red;*/
	word-wrap:break-word;
}
/*header.page nav */a:link  : not(header.articalHeader) {
	color: #E6E6E6;
}
/*header.page nav*/ a:visited  : not(header.articalHeader) {
	color: #AFAFAF;
}
/*header.page nav*/ a:hover{
	color: #FFFFFF;
	text-shadow: 0px 0px 5px #fff;
}


header.page nav:nth-child(2) {
	border-right-style: solid;
	border-right-width: 4px;
	border-right-color: white;
	padding-right: 10px;
}
header.page nav:nth-child(6) {
	border-left-style: solid;
	border-left-width: 4px;
	border-left-color: white;
	padding-left: 10px;
}
header.page #subtitle {
	color: #E5E5E5;
	clear: both;
	margin-top: 70px;
	margin-bottom: 30px;

	padding-bottom: 5px;

	font-family:"Baskerville", "Zapfino", "Helvetica Neue";
	-webkit-font-smoothing: antialiased;
	text-align: center;
	font-style: italic;
	font-weight: 400;
	font-size: 30px;

	/*border-bottom-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;*/
}

li {
	margin: 1rem 0;
}

header.articalHeader {
	/*margin: 0 auto;*//*Center element horizontally*/
	padding-top: 25px;
	padding-bottom: 10px;
	width: 100%;
	color: white;
	padding-left: 0px;
	padding-right: 0px;
	margin-bottom: 35px;
}
/*One for the blog and one fpr the article*/
header.articalHeader h2 a, header.articalHeader h2{
	/*color: white;*/
	/*width: 100%;*/
	font-size:1.8rem; /*37px;*/
}
article, article p {
  margin-top: 0.5rem;
  /*margin-bottom: 0rem;*/
  background-size: cover;
  font-size: 1.0rem;/*21px;*/
}
article p:first-child {
	margin-top: 0px;
}

article h1 {
	font-size: 2rem;/*30px;*/
	font-weight: 600;
	margin-top: 2rem;
	margin-bottom: 10px;
	font-family: "Source Sans Pro", "Avenir Next", "Helvetica-Neue", "Source Sans Pro", "Helvetica", "Geneva", sans-serif;
}
article h2 {
	font-size: 1.6rem;/*26px;*/
	font-weight: 600;
	margin-top: 2rem;
	margin-bottom: 20px;
	font-family: "Source Sans Pro", "Avenir Next", "Helvetica-Neue", "Source Sans Pro", "Helvetica", "Geneva", sans-serif;
}
article h3 {
	font-size: 1.4rem;/*24px;*/
	font-weight: 600;
	margin-top: 2rem;
	margin-bottom: 10px;
	font-family: "Source Sans Pro", "Avenir Next", "Helvetica-Neue", "Source Sans Pro", "Helvetica", "Geneva", sans-serif;
}



/*NEW

*/
strong {
	font-weight: bold;
	font-size: 21px;
}
italic {
	font-style: italic;
	font-size: 21px;
	color: red;
}
/*italic*/
em {
	font-size: 0.9rem;
}
section {
	background-color: #334466;
	padding-left: 20%;
	padding-right: 20%;
	padding-bottom: 20px;

	width: 100%;
	color: white;
	font-size: 21px;
}

article img {
	max-width: 100%;
	/*min-width: 100px;*/
	max-height: 600px;
	/*min-height: 100px;*/

	display: block;
	margin-left: auto;
	margin-right: auto;

	margin-top: 20px;
	margin-bottom: 20px;
}

blockquote {
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 10px;

	margin-top: 10px;
	margin-bottom: 10px;

	border-left-color: #FFFFFF;
	border-left-style: solid;
	border-left-width: 5px;

	font-size: 20px;
	font-style: italic;
}
section footer {
	margin-top: 30px;
	margin-bottom: 20px;
	font-size: 16px;
	border-bottom: solid 1px;
}
section footer time {
	margin-right: 50px;
}
#footerDate {
	/*float: left;*/
	/*font-size: 16px;*/
	/*font-weight: 400;*/
}
.footer-site {
	/*color: red;*/
}
.footer-site {
	text-align: center;
	width: 100%;
	bottom: 0px;
	background-color: #4F6A9F;/*#E55928*/
	font-size: 0.5rem;
}
.footer-site a {
	font-size: 0.7rem;
}
.pagination {
	/*border: solid red;*/
	margin-top: 20px;
	/*margin-bottom: 30px;*/

	padding-left: 20%;
	padding-right: 20%;
	padding-bottom: 20px;
	width: 100%;
	overflow: auto;
}
.next, .prev{
	color: #eceee7;
	font-size: 2rem;
	float: left;
}
.prev {
	float: right;
}

/*------ About Me Page ------*/
#aboutMeSubtitle {
	/*text-align: center;*/
	font-size: 22px;
}
#aboutMeSubtitle b {
	font-weight: 600;
	font-size: 23px;
}
#whatIDoHeader {
	font-size: 37px;
	/*border-bottom: solid 1px #FFFFFF;*/
}
ul {
	margin-top: 15px;
	padding-left: 20px;
}
li {
	font-size: 21px;
}
li a, #aboutMeSubtitle a {
	color: white;
	font-size: 21px;
	margin-bottom: 40px;
}
code{
	font-family: Menlo, Consolas, 'Ubuntu Mono', Monaco, 'source-code-pro', monospace;
	line-height: 1.4;
	margin: 0;
	padding: 0.2em 0;
	font-size: 85%;
	background-color:
	rgba(0,0,0,0.04);border-radius: 3px;
	word-wrap:break-word;
}
/*pre > code {margin: 0;padding: 0;font-size: 100%;word-break: normal;background: transparent;border: 0;}*/

/*pre {
    white-space: pre-wrap;
    background: hsl(30,80%,90%);
}*/

/*article code {
	font-family: "Liberation Mono", "Consolas", "Courier", "monospace", "Source Sans Pro", "Avenir Next", "Helvetica-Neue", "Source Sans Pro", "Helvetica", "Geneva", sans-serif;
	letter-spacing: 1px;
	margin-left: 5px;
	margin-right: 5px;
	font-size: 1rem;
}*/

@media only screen and (min-device-width : 320px) and (max-device-width : 736px) {
	/*iPhone*/
	header.page {
		width: 100%;

	}
	header.page nav {

		padding-left: 10px;
		padding-right: 5px;
		background: rgba(255, 255, 255, 0.2);
		font-weight: 500;
	}
	header.page nav a {
		font-size: 24px;
	}
	/*.page #logo {
		display: none;
	}*/
	section {
		padding-left: 5%;
		padding-right: 5%;
		padding-bottom: 20px;

		width: 100%;
		font-size: 12px;
	}
	header.articalHeader h2 {
		font-size: 24px;
	}
	header.page #subtitle {
		margin-top: 55px;
		margin-bottom: 20px;

		padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 5px;

		/*for reasons of possible change*/
		/*font-family:"Baskerville", "Zapfino", "Helvetica Neue";
		-webkit-font-smoothing: antialiased;
		text-align: center;
		font-style: italic;*/
		font-weight: 450;
		font-size: 22px;
	}
}


/* ----------- iPad mini ----------- */

/* Portrait */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 1) {
  	header.page {
  		width: 80%;
  	}

  	section {
		padding-left: 5%;
		padding-right: 5%;

	}
}

/* ----------- iPad 1 and 2 ----------- */

/* Portrait */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 1) {
  	header.page {
  		width: 80%;
  	}
	section {
		padding-left: 7%;
		padding-right: 7%;

	}
}

/* ----------- iPad 3 and 4 ----------- */
/* Portrait */
@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
  and (orientation: portrait)
  and (-webkit-min-device-pixel-ratio: 2) {
  	header.page {
  		width: 80%;
  	}
  	section {
		padding-left: 7%;
		padding-right: 7%;

	}
}



/* Source Sans Pro
-------------------------------------------------- */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: url(../fonts/sourcesanspro-300.woff) format('woff');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/sourcesanspro-400.woff) format('woff');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 600;
  src: url(../fonts/sourcesanspro-600.woff) format('woff');
}
@font-face {
  font-family: 'Source Sans Pro';
  font-style: italic;
  font-weight: 400;
  src: url(../fonts/sourcesanspro-400-italic.woff) format('woff');
}