/* DEFAULTS */

body {
color: #232b2b;
font-family: "Baskerville", Serif;
font-size: 12pt;
margin: 0;
text-align: center;
}
a {
text-decoration: none;
color: #037FA5;
}
img {
text-align:center;
width: 100%;
Margin: 0;
}

/* HEADER */

div.header {
margin:0;
width: 1000px; 
}
h1.title {
color: #232b2b;
font-family: "Baskerville", Serif;
font-size: 2em;
text-align: left;
font-style: italic;
font-weight: bold;
Letter-spacing: 0.005em;
margin: 0;
}
div.logo-image {
float: left;
width: 4.25em;
padding: 0;
margin: 0.5em 1.5em;
}
img.width-100 {
width: 100%;
}
div.side-menu {
margin: 0;
text-align: right;
width: 100%;
}
div.static{
position: fixed;
top:0; 
left: auto;
right: auto;
padding: 1em 0;
text-align: center;
background-color: #ffffff;
box-shadow: 0px 8px 8px -10px rgba(0, 0, 0, 0.5);
z-index:1;
width: 1000px;
}
.side-menu-container {
float: right;
display: inline-block; 
width: 500px;
padding: 0;
margin: 1em 0 0 0;
letter-spacing: 0.005em;
font-size: 1em;
font-style: italic; 
text-align: center;
font-weight: 600;
color: #232b2b;
font-family: "Baskerville", Serif;
}
.side-menu-l {
display: inline-block; 
text-align: center;
width: 30%;
border-right: 2px solid #757575;
}
.side-menu-c {
display: inline-block;
text-align: center;
width: 30%;
}
.side-menu-r {
display: inline-block; 
text-align: center;
width: 30%;
border-left: 2px solid #757575;
}

/* FOOTER */

div.footer {
margin: 0;
text-align: center;
width: 100%;
}
div.container {
width: 320px; 
margin: 0;
}
p.copyright {
letter-spacing: 0.005em;
font-size: 0.75em; 
text-align: center;
font-style: normal;
font-weight: 600;
color: #232b2b;
font-family: "Baskerville", Serif;
}
div.footer-image {
margin: 1em 0 0 0;
text-align: center;
}
img.width-70 {
width: 70%;
margin: 0 15%;
text-align: center;
}

/* BODY */

div.container {
margin: 0 auto;
width: 1000px;
}
section.section {
width: 1000px;
margin: 0;
text-align: center;
padding: 1em 0;
}
section.sub-section {
width: 1000px;
margin: 0;
text-align: center;
padding: 0;
}
h2 {
color: #232b2b;
font-family: "Baskerville", Serif;
font-size: 1.75em;
text-align: center;
font-style: normal;
font-weight: bold;
Letter-spacing: 0.005em;
margin: 1em 0 1.5em 0;
clear: both;
scroll-margin-top: 200px;
}
h3 {
color: #232b2b;
font-family: "Baskerville", Serif;
font-size: 1.5em;
text-align: center;
font-style: normal;
font-weight: bold;
Letter-spacing: 0.005em;
margin: 1em 0 0 0;
clear: both;
scroll-margin-top: 200px;
}
h4 {
color: #232b2b;
font-family: "Baskerville", Serif;
font-size: 1.2em;
text-align: center;
font-style: normal;
font-weight: bold;
Letter-spacing: 0.005em;
margin: 0.5em 0 0 0;
clear: both;
scroll-margin-top: 200px;
}

/* MENU */

nav.section-top {
width: 1000px;
margin-top: 160px;
text-align: center;
padding: 1em  0;
}
p.menu-main {
color: #232b2b;
font-family: "Baskerville", Serif;
font-size: 1.75em;
text-align: center;
font-style: italic;
font-weight: bold;
Letter-spacing: 0.005em;
margin: 1.25em 0 1em 0;
}
p.menu-sub-first {
color: #232b2b;
font-family: "Baskerville", Serif;
font-size: 1.25em;
text-align: center;
font-style: normal;
font-weight: 600;
Letter-spacing: 0.005em;
margin: 0.8em 0 0 0;
}
span.menu-sub {
font-style: normal;
font-weight: 600;
Letter-spacing: 0.025em;
font-size: 0.8em;
}
div.menu-image {
margin: 1em 0 0 0;
text-align: center;
}
img.width-80 {
width: 80%;
margin: 0 10%;
text-align: center;
}

/* WORK */

div.facing-pages-first {
margin-top: 0;
float:left;
width:1000px;
}
div.facing-pages {
margin-top: 0;
float:left;
width:1000px;
}
figure.column-1 {
float: left;
width: 340px;
padding: 0 0 0 80px;
}
figure.column-2 {
float: left;
width: 340px;
padding: 0 80px 0 0;
}
p.image-title {
font-family: "Baskerville", Serif;
font-size: 1em;
text-align: center;
margin-top: 0.5em;
margin-bottom: 3em;
letter-spacing: 0.025em;
font-style: italic;
}

/* ABOUT */

p.about {
font-family: "Baskerville", Serif;
font-size: 1em;
text-align: justify;
margin-top: 0;
margin-bottom: 3em;
font-style: normal;
word-spacing: -0.05em;
text-align-last: justify;
}
p.credit {
letter-spacing: 0.005em;
font-size: 0.75em; 
text-align: center;
font-style: normal;
font-weight: 600;
color: #232b2b;
font-family: "Baskerville", Serif;
}


@media only screen and (min-width: 1000px) {
    /* 2 Column: */

/* HEADER */

div.header {
margin:0;
width: 1000px; 
}
div.static{
position: fixed;
top:0; 
left: auto;
right: auto;
padding: 1em 0;
text-align: center;
background-color: #ffffff;
box-shadow: 0px 8px 8px -10px rgba(0, 0, 0, 0.5);
z-index:1;
width: 1000px;
}
.side-menu-container {
float: right;
display: inline-block; 
width: 500px;
padding: 0;
margin: 1em 0 0 0;
letter-spacing: 0.005em;
font-size: 1em;
font-style: italic; 
text-align: center;
font-weight: 600;
color: #232b2b;
font-family: "Baskerville", Serif;
} 
    
/* BODY */

div.container {
margin: 0 auto;
width: 1000px;
}
section.section {
width: 1000px;
margin: 0;
text-align: center;
padding: 1em 0;
}
section.sub-section {
width: 1000px;
margin: 0;
text-align: center;
padding: 0;
}

/* MENU */

nav.section-top {
width: 1000px;
margin-top: 160px;
text-align: center;
padding: 1em 0;
}
/* WORK */

div.facing-pages-first {
margin: 0;
float:left;
width:1000px;
}
div.facing-pages {
margin: 0;
float: left;
width: 1000px;
}
figure.column-1 {
float: left;
width: 340px;
padding: 0 0 0 80px;
}
figure.column-2 {
float:left;
width: 340px;
padding: 0 80px 0 0;
}
img.width-70 {
width: 70%;
margin: 0 15%;
text-align: center;
}
img.width-80 {
width: 80%;
margin: 0 10%;
text-align: center;
}
} 

@media only screen and (max-width: 1000px) {
    /* 1 Column: */

/* HEADER */

div.header {
margin: 0;
width: 480px; 
}
div.static{
position: fixed;
top:0; 
left: auto;
right: auto;
padding: 1em 0;
text-align: center;
background-color: #ffffff;
box-shadow: 0px 8px 8px -10px rgba(0, 0, 0, 0.5);
z-index:1;
width: 480px;
}
.side-menu-container {
float: right;
display: inline-block; 
width: 480px;
padding: 0;
margin: 1em 0 0 0;
letter-spacing: 0.005em;
font-size: 1em;
font-style: italic; 
text-align: center;
font-weight: 600;
color: #232b2b;
font-family: "Baskerville", Serif;
}
    
/* BODY */

div.container {
margin: 0 auto;
width: 480px;
}
section.section {
width: 480px;
margin: 0;
text-align: center;
padding: 1em 0;
}
section.sub-section {
width: 480px;
margin: 0;
text-align: center;
padding: 0;
}

/* MENU */

nav.section-top {
width: 480px;
margin-top: 160px;
text-align: center;
padding: 1em  0;
}

/* WORK */

div.facing-pages-first {
margin: 0;
padding: 0;
float: none;
width: 480px;
}
div.facing-pages {
margin: 0;
padding: 0;
float: none;
width: 480px;
}
figure.column-1 {
float: left;
width: 400px;
padding: 0;
margin: 0 40px;
text-align: center;
}
figure.column-2 {
float:left;
width: 400px;
padding: 0;
margin: 0 40px;
text-align: center;
}
img.width-70 {
width: 100%;
margin: 0;
text-align: center;
}
img.width-80 {
width: 100%;
margin: 0;
text-align: center;
}

/* ABOUT */

p.about {
font-family: "Baskerville", Serif;
font-size: 1em;
text-align: justify;
margin-top: 0;
margin-bottom: 3em;
font-style: normal;
word-spacing: -0.07em;
text-align-last: justify;
}
}


@media only screen and (max-width: 480px) {
    /* 1 Column: */

/* HEADER */

div.header {
margin:0;
width: 320px; 
}
div.static{
position: fixed;
top:0; 
left: auto;
right: auto;
padding: 1em 0;
text-align: center;
background-color: #ffffff;
box-shadow: 0px 8px 8px -10px rgba(0, 0, 0, 0.5);
z-index:1;
width: 320px;
}
.side-menu-container {
float: right;
display: inline-block; 
width: 320px;
padding: 0;
margin: 1em 0 0 0;
letter-spacing: 0.005em;
font-size: 1em;
font-style: italic; 
text-align: center;
font-weight: 600;
color: #232b2b;
font-family: "Baskerville", Serif;
}
    
/* BODY */

div.container {
margin: 0 auto;
width: 320px;
padding: 0;
}
section.section {
width: 320px;
margin: 0;
text-align: center;
padding: 1em 0;
}
section.sub-section {
width: 320px;
margin: 0;
text-align: center;
padding: 0;
}

/* MENU */

nav.section-top {
width: 320px;
margin-top: 160px;
text-align: center;
padding: 1em 0;
}
/* WORK */

div.facing-pages-first {
margin: 0;
padding: 0;
float:none;
width: 320px;
}
div.facing-pages {
margin: 0;
padding: 0;
float:none;
width: 320px;
}
figure.column-1 {
float: left;
width: 300px;
padding: 0;
margin: 0 10px;
text-align: center;
}
figure.column-2 {
float: left;
width: 300px;
padding: 0;
margin: 0 10px;
text-align: center;
}
img.width-70 {
width: 100%;
margin: 0;
text-align: center;
}
img.width-80 {
width: 100%;
margin: 0;
text-align: center;
}

/* ABOUT */

p.about {
font-family: "Baskerville", Serif;
font-size: 1em;
text-align: justify;
margin-top: 0;
margin-bottom: 3em;
font-style: normal;
word-spacing: -0.1em;
text-align-last: justify;
}
}