@import url('css/meyer-reset.css');
@import url('css/typography.css');

body {
  -webkit-backface-visibility: hidden;
  background-color: #F1F1F1;
  margin: 0 auto;
}

nav{
  padding: 0;
  margin: 0;
  display: block;
  width: 100%;
  text-align: center;
}

nav ul {
  padding: 0;
  margin: 30px 0 0 30px;
  list-style: none;
  float: center;


}

nav ul li{
  position: relative;
  line-height: 0px;
  height: 0;
  padding: 0;
  margin: 0;
  display: inline;
}

nav ul li a {
    padding: 0px 18px 0px 16px;
    margin: 0;
    color: #000;
    font-family: "TitilliumWeb-SemiBold", Helvetica, Arial;
    font-size: 12px;
    text-decoration-color: rgba(28,28,28,0.9);
    text-transform: uppercase;
    text-decoration: none;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 3px;
  }

a.active-link{color:#e7adaf; text-decoration: none;}
a:active{color:#e7adaf;}
a:hover{color:#8a0c49;}



/********************************************************************************************************************/
/********************************************************************************************************************/
/*HOMEPAGE*******************************************************************************************************/
/********************************************************************************************************************/
/********************************************************************************************************************/

#title-area {
  margin-top: 100px;
  margin-bottom: 112px;
  margin-left: 5%;
  margin-right: 5%;
  width: 90%;
  position: relative;
  top: 0;
}

/*Image*/
#title-area h1 img {
  max-width: 50%;
  height: auto;
  margin: auto;

  /*centers image*/
  display: block;
  text-align: center;
}

.site-tagline {
  font-family: "Lato-Light", Helvetica, Arial;
  font-size: 36px;
  line-height: 50.4px;
  margin-top: 7px;
  margin-bottom: 35px;
  letter-spacing: 3px;

  /*centers text*/
  display: block;
  text-align: center;
}
/*Footer*/
.site-desc {
  display: block;
  font-family: "Lato-Light", Helvetica, Arial;
  font-size: 18px;
  line-height: 30.6px;

  /*centers text*/
  display: block;
  text-align: center;
}

.site-desc::before {
  content: '';
  width: 80px;
  height: 2px;
  display: block;
  background-color: #2c2b2b;
  margin: 30px auto;
}

/********************************************************************************************************************/
/********************************************************************************************************************/
/*DETAIL PAGES*******************************************************************************************************/
/********************************************************************************************************************/
/********************************************************************************************************************/

/*Links*/
/*
h1 a.active{color:#e7adaf}
h1 a,h1 a:visited{color:#000}
h1 a:hover{color:#8a0c49;}
*/
#content a{color:#8a0c49; text-decoration: none;}

/*Image*/
#sub-page h1 img {
  max-width: 24%;
  height: auto;
  margin: auto;
  padding: 36px;

  /*centers image*/
  display: block;
  text-align: center;
}
section {
    height: auto;
    margin: auto;
    display: block;
    text-align: center;

    background-color: white;
    width: 600px;  
    padding: 56px 64px;
    margin-bottom: 120px;
 }

#content h1{
    font-family: "Lato-Light", Helvetica, Arial;
    font-size: 26px;
    line-height: 32.5px;
    letter-spacing: 1px;
}

#content h2{
    font-family: "Lato-Light", Helvetica, Arial;
    font-size: 18px;
    line-height: 19.8px;
    letter-spacing: 4px;
    margin-top: 20px;
    text-align: left;
    padding: 16px 0;
}

#content h3{
    font-family: "Lato-Bold", Helvetica, Arial;
    font-size: 16px;
    line-height: 17.6px;
    letter-spacing: 0.7px;
    text-align: left;
    margin-bottom: 12px;
}

#content h4{
    font-family: "Lato-Bold", Helvetica, Arial;
    font-size: 14px;
    line-height: 1.75em;
    letter-spacing: 0.4px;
}

#content p{
    font-family: "Lato-Regular", Helvetica, Arial;
    font-size: 14px;
    line-height: 1.75em;
    letter-spacing: 0.4px;
    text-align: left;
    margin: 1em 0;
}
#content p strong {font-family: "Lato-Bold", Helvetica, Arial;}

#content img{
  top: 0%; width: 100%; height: 100%;
  padding:30px 0;
}

img#thumb-image-right {
    top: 0%; 
    margin-top: -20px;
    width: 50%;
    height: auto;
    float: right;
}

.key-section::before {
  content: '';
  height: 1px;
  display: block;
  background-color: #DDDDDD;
  margin: 40px auto;
}

/********************************************************************************************************************/
/********************************************************************************************************************/
/*CONTACT US PAGE*******************************************************************************************************/
/********************************************************************************************************************/
/********************************************************************************************************************/

img#contact-image-left {
    top: 0%; 
    margin-top: -30px;
    padding-right: 30px;
    width: 30%;
    height: auto;
    float: left;
}

h1#contact_title{
  text-align: left;
}

/********************************************************************************************************************/
/********************************************************************************************************************/
/*MEMORIES*******************************************************************************************************/
/********************************************************************************************************************/
/********************************************************************************************************************/

img#thumb-image-left {
    top: 0%; 
    margin-top: -20px;
    width: 50%;
    height: auto;
    float: left;
}