@font-face {
font-family: 'Myriad Pro Regular';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Regular'), url('../fonts/myriad/MYRIADPRO-REGULAR.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Condensed';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Condensed'), url('../fonts/myriad/MYRIADPRO-COND.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Semibold Italic';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Semibold Italic'), url('../fonts/myriad/MYRIADPRO-SEMIBOLDIT.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Semibold';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Semibold'), url('../fonts/myriad/MYRIADPRO-SEMIBOLD.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Condensed Italic';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Condensed Italic'), url('../fonts/myriad/MYRIADPRO-CONDIT.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Bold Italic';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Bold Italic'), url('../fonts/myriad/MYRIADPRO-BOLDIT.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Bold Condensed Italic';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Bold Condensed Italic'), url('../fonts/myriad/MYRIADPRO-BOLDCONDIT.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Bold Condensed';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Bold Condensed'), url('../fonts/myriad/MYRIADPRO-BOLDCOND.woff') format('woff');
}


@font-face {
font-family: 'Myriad Pro Bold';
font-style: normal;
font-weight: normal;
src: local('Myriad Pro Bold'), url('../fonts/myriad/MYRIADPRO-BOLD.woff') format('woff');
}

@font-face {
  font-family: 'Respective';
  src: url('../fonts/Respective.ttf');
}

@import url(https://fonts.googleapis.com/css?family=EB+Garamond);

.respective {
  font-family: 'Respective', cursive !important;
}

body {
  font-family: 'EB Garamond';
  font-size: 20px;
}

h1,h2,h3,h4,h5,h6,nav {
  font-family: 'Myriad Pro Condensed';
}
h2, .et_pb_post h2 {
  font-size: 50px;
}
.et_pb_post h2 {
  padding-bottom: 10px;
}
h3 {
  font-size: 40px;
}
h4 {
  font-size: 36px;
}
h5 {
  font-size: 30px;
}
h6 {
  font-size: 24px;
}
h1 {
  font-size: 60px;
}

@media (max-width: 767px) {
  h1 { font-size: 50px; }
  h2, .et_pb_post h2 { font-size: 40px; }
  h3 { font-size: 36px; }
  h4 { font-size: 30px; }
  h5 { font-size: 24px; }
  h6 { font-size: 20px; }
}

@media (max-width: 479px) {
  h1 { font-size: 30px; }
  h2, .et_pb_post h2 { font-size: 24px; }
  h3 { font-size: 20px; }
  h4 { font-size: 18px; }
  h5 { font-size: 16px; }
  h6 { font-size: 14px; }
}

.et_pb_slide_description h2.et_pb_slide_title {
    font-weight: normal;
    padding: 0 10px;
}

.page {
  font-size: 25px;
}

#blogcontent {
  font-size:0;
}

#blogcontent .wrapper {
  width: 50%;
  display: inline-block;
  position: relative;
  background-size: cover;
  background-repeat: no-repeat;
  margin: 0 auto;
  vertical-align: bottom;
}

#blogcontent .wrapper:after {
  padding-top: 75%;
  display: block;
  content: '';
}

#blogcontent .main {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  color: white;
  text-align: center;
  height: 25%;
  line-height: 45px;
  background-color: rgba(0, 0, 0, 0.6);
  font-size: 40px;
  font-family: "Myriad Pro Condensed", sans-serif;
}

#blogcontent .main .blog-title {
  padding: 0 5%;
  font-size: 40px;
}

/* From: http://stackoverflow.com/questions/28455100/how-to-center-div-vertically-inside-of-absolutely-positioned-parent-div */
.valign {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

div#row2 .et_pb_column:first-child,
div#row4 .et_pb_column_5 {
background-image: url('http://thefutureisred.com/wp-content/uploads/2016/01/bluebg.jpg'); 
background-size: cover;
background-repeat: no-repeat;
}

.page-id-3625 .et_pb_newsletter_form input#et_pb_signup_firstname {
    display: none;
}

.et_pb_newsletter_form input#et_pb_signup_lastname {
    display: none;
}

#frontpageoptin .et_pb_newsletter_form p input {
    margin-bottom: 1em;
}

#frontpageoptin .et_pb_newsletter_form p {
    padding-bottom: 0;
}

div#optin {
    height: 300px;
}

#optin.et_pb_section {
    padding: 0;
}

.postboxes.et_pb_row.et_pb_row_fullwidth {
    padding: 0;
    width: 100% !important;
    max-width: 100% !important;
}
div.tagline {
    line-height: 1.2em;
    font-size: 25px;
    font-family: 'garamond';
}

div#frontpageoptin, 
.postboxes div.overlay {
    padding: 8% 15% !important;
    font-family: "Myriad Pro Condensed";
}

div.postboxes .et_pb_column h2 {
    font-size: 30px;
    color: #ffffff;
    line-height: 35px;
    margin-bottom: 10px;
}

div.postboxes p, div#row2 .et_pb_newsletter_description {
    font-size: 25px;
    line-height: 25px;
}

div.postboxes .et_pb_column {
    width: 33.3333%;
    margin: 0;
}

.postboxes div.overlay {
    position:relative;
    height: 100%;
    color: #ffffff;
}

div#row2.postboxes div.overlay {
    background-color: rgba(42,59,97,0.8); /* Dark Blue, Hex: 2a3b61 */
    color: #ffffff;
}

div#row4.postboxes div.overlay {
    background-color: rgba(239,205,111,0.9); /* Mustard Yellow, Hex: efcd6f */
    color: #000000;
}

div.postboxes .et_pb_column > div {
    height: 300px;
}

div.postboxes p.category-label {
    text-align: center;
    bottom: 0;
    position: absolute;
    left: 0;
    right: 0;
    margin-bottom: 40px;
    text-transform:uppercase;
}

div#row2 p.category-label,
div#row2 p.category-label a {
    color: #efcd6f;
}

div#row4 p.category-label,
div#row4 p.category-label a {
    color: #2a3b61;
}

div.fp_cat {
    height: 300px;
}

div.fp_cat .et_pb_post h2 {
    margin-top: 0;
}

div.fp_cat article {
    position: relative;
    height: 100%;
}

div.fp_cat article.et_pb_post {
    margin: 0;
}

div.fp_cat article .bgimage {
    background-size: cover;
    height: 100%;
}

div.postboxes div.fp_cat article .bgimage .overlay {
    background-color: transparent;
}

div.fp_cat article .bgimage,
div#row4 .et_pb_column_5 {
    height: 300px;
    background-size: cover;
    background-repeat: no-repeat;
}

/*
div#row3 .et_pb_container.clearfix {
    width: 100%;
    padding: 0;
    margin: 0;
    max-width: 100%;
    height: 400px;
}
*/

div#row3 .et_pb_slide.et_pb_bg_layout_dark.et_pb_media_alignment_center.et_pb_slide_0.et-pb-active-slide {
    padding: 0;
}

div#row3 .et_pb_slide_description {
    background-color: rgba(0,0,0,0.4);
    padding: 2% 0;
    position: absolute;
    width: 100%;
    bottom: 0;
}

div#row3 .et_pb_slide_description h2.et_pb_slide_title {
    font-family: "myriad pro condensed";
    font-size: 40px;
    //padding: 0;
}

.page-id-3625 div#blog-left {
    border-right: 1px solid white;
}

.page-id-3625 .et_pb_section {
    border-top: 1px solid #2a3b61;
}

.page-id-3625 .et_pb_section div#row4 {
    border-bottom: 1px solid #2a3b61;
}

.page-id-3625 #blogcontent {
    border-top: 2px solid #2a3b61;
}

.page-id-3625 .et_pb_slide.et_pb_bg_layout_dark.et_pb_media_alignment_center.et_pb_slide_0.et-pb-active-slide:after {
    padding-top: 20.83333%;
    display: block;
    content: '';
}

div#row3 .et_pb_container.clearfix {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    text-align: center;
    width: 100%;
    max-width: 100%;
}

div#row3 {
  width: 100%;
}

.et_pb_blog_grid h2.entry-title {
    font-size: 25px;
}

footer#main-footer {
    clear: both;
}

blockquote {
    margin-left: 5%;
}