html {
  width: 80%;
  max-width: 600px;
  margin: auto;
}

img {
  max-width: 100%;
  height: auto;
}

.button {
  display: inline-block;
  outline: none;
  cursor: pointer;
  font-size: 14px;
  line-height: 1;
  border-radius: 500px;
  transition-property: background-color,border-color,color,box-shadow,filter;
  transition-duration: .3s;
  border: 1px solid transparent;
  letter-spacing: 2px;
  width: 75%;

  text-transform: uppercase;
  white-space: normal;
  font-weight: 700;
  text-align: center;
  padding: 16px 14px 18px;
  color: #616467;
  box-shadow: inset 0 0 0 2px #616467;
  background-color: transparent;
  height: 48px;
}

.button:hover{
  color: #fff;
  background-color: #616467;
}    

blockquote {
  font-family: minion-pro-display, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.5em;
  margin: 2rem 1.5rem 2rem 1.5rem;
  border-left: 4px solid #900;
  padding-left: 8px;
}

#nav {
  margin-top: 20px;
}

.navText {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .8em;
}

h1 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 2em;
  line-height: 1.4em;
  font-variant-ligatures: common-ligatures;
  -moz-font-feature-settings: "liga", "clig";
  -webkit-font-feature-settings: "liga", "clig";
  font-feature-settings: "liga", "clig";
}

p, li {
  font-family: minion-pro, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.2em;
  line-height: 1.4em;
  color: #444;
  font-variant-ligatures: common-ligatures;
  -moz-font-feature-settings: "liga", "clig";
  -webkit-font-feature-settings: "liga", "clig";
  font-feature-settings: "liga", "clig";
}



a {
  color: #341C1C;
  text-decoration-color: #ADFCF9;
}

a:hover,
a:focus {
  background-color: #ADFCF9;
  color: #341C1C;
}

a:active,
a:visited {
  color: #304A43;
}

hr {
  height: 1px;
  border-width: 0;
  margin-right: 10%;
  color: #dddddd;
  background-color: #dddddd;
}



/* LANDING PAGE */

#mainPage {
  margin-top: 15%;
  margin-bottom: 15%;
}

.landingPage {
  font-family: minion-pro-display, serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.8em;
  line-height: 1.4em;
}

.socials {
  padding-top: 20px;
}

.projects {
  padding-top: 10px;
}

.books {
  padding-top: 0;
}

.bottom {
  padding-top: 30px;
}

.socialsDescription {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1em;
  line-height: 1.4em;
  color: #900;
}

.socialsLinks {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .8em;
  line-height: 1.8em;
  color: #888;
}

.slash {
  color: #900;
}

/* LANDING PAGE END */

/* ABOUT PAGE */

#aboutPage {
  margin-top: 15%;
  margin-bottom: 15%;
}

.headerSubSection {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.4em;
  line-height: 1.4em;
  padding-top: .8em;
}

.smallInfo {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .8em;
  color: #777;
}


/* END ABOUT PAGE


/* BOOK PAGE */



#bookPage {
  margin-top: 15%;
  margin-bottom: 15%;
}

.book {
  padding-bottom: .8em;
}

.bookTitle {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.2em;
  line-height: 1.4em;
  margin-bottom: -10px;
}

.bookDescription {
  color: #777;
}

.bookInfo {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .8em;
  color: #777;
}

.headerSubSectionBooks {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.4em;
  line-height: 1.4em;
  padding-top: .8em;
  padding-bottom: .8em;
}


/* END BOOK PAGE */


/* PODCAST PAGE */

#podcastPage {
  margin-top: 15%;
  margin-bottom: 15%;
}

.podcast {
  padding-bottom: .8em;
}

.podcastTitle {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.2em;
  line-height: 1.4em;
  margin-bottom: -10px;
}

.podcastDescription {
  color: #777;

}

.podcastInfo {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .8em;
  color: #777;
  line-height: 1.5em;
}

/* END PODCAST PAGE */


/* PERIODICALS PAGE */

#periodicalPage {
  margin-top: 15%;
  margin-bottom: 15%;
}

.periodical {
  padding-bottom: .8em;
}

.periodicalTitle {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.2em;
  line-height: 1.4em;
  margin-bottom: -10px;
}

.periodicalDescription {
  color: #777;

}

.periodicalInfo {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: .8em;
  color: #777;
}

/* END PERIODICALS PAGE */


/* SPEAKING PAGE */

#speakingPage {
  margin-top: 15%;
  margin-bottom: 15%;
}


/* END SPEAKING PAGE *?


/* PHOTO PAGE */

#photoPage {
  margin-top: 15%;
  margin-bottom: 15%;
}

#photoPage .smallInfo {
  padding-bottom: .5rem;
}

div.gallery {
}

div.gallery:hover {
}

div.gallery img {
  width: 100%;
  height: auto;
  padding: .5rem 0 0 0;
}


/* END PHOTO PAGE */

/* PRESS PAGE */

#pressPage {
  margin-top: 15%;
  margin-bottom: 15%;
}


/* END PRESS PAGE */


/* VIDEO STUFF */

.youtube-video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow:hidden;
    margin-bottom: 10px;
}

.youtube-video-container iframe, .youtube-video-container embed, .youtube-video-container object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



/* END VIDEO STUFF *?


/* Some color ideas

B1B695 (yellowish pea green)
FCD0A1 (weird orangish yellow)
63535B (brownish purple-eggplant)
A18276 (yellowish brown)
53917E (emerald with a hint of yellow)
00BD9D (upbeat yellowish emerald)
FCDFA6 (orange-yellow melon color
AAC0AA (super-chill greenish blue with slate)
8BD7D2 (toned down blue green)
95A472 (mossy yellowish green)
C3A29E (tannish purplish)
B185A7 (light violet)

*/