/*----- General Styles -----*/

* {margin:0px; padding:0px; }

html {height:100%; width:100%; }
body {font-size:0.75em; font-family: 'Montserrat', sans-serif; color:#000; }

p {font-size:1.2em; font-family: 'Quicksand', sans-serif; font-weight:400; color:#000; line-height:1.7em; margin:0 0 1.5em 0; padding:0; }
h1 {font-size:3em; font-family: 'Playfair Display', serif; font-weight:500; color:#000; line-height:1.4em; margin:0 0 0.5em 0; }
h2 {font-size:1.5em; font-family: 'Playfair Display', serif; font-weight:500; color:#000; line-height:1.3em; margin:0 0 0.5em 0; }
h3 {font-size:1.05em; font-family: 'Quicksand', sans-serif; font-weight:600; color:#BDA499; letter-spacing:0.1em; line-height:1.6em; margin:0 0 1.5em 0; text-transform:uppercase; }

img {max-width:100%; margin:0; padding: 0; display:block;  }
img.center {display: block; margin-left:auto; margin-right:auto }


/*----- Helper Styles -----*/

.clear {clear:both;}

a:link {color:#000; text-decoration:none; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; }
a:visited {color:#000; text-decoration:none;}
a:hover {color:#62736B; text-decoration:none;}
a:active {color:#000; text-decoration:none;}


/*----- Min Width 1200px -----*/

@media (min-width: 1200px) { 

#wrapper {width:100%; padding:0; margin:0 auto; }
  
/*----- Header -----*/

#wrapper #header {width:100%; height:180px; background-image:url('../images/header-bg.jpg'); background-size:auto 100%; background-position:center top; }
#wrapper #header.internal {width:100%; height:130px; background-image:none; box-shadow: 0px 15px 10px -15px rgba(0,0,0,0.2); position:relative; z-index:100; }
#wrapper #header #inner {width:1160px; margin:0 auto; padding:25px 0; }   
#wrapper #header #inner #logo {margin:0 auto; width:200px; }
    
/*----- About -----*/

#wrapper #about {width:100%; margin:0; box-shadow: 0px 15px 10px -15px rgba(0,0,0,0.2); position:relative; z-index:100; }
#wrapper #about #inner {width:1160px; margin:0 auto; padding:0; }
#wrapper #about #inner #profile-pic {margin:-50px auto 0 auto; width:100px; text-align:center; }
#wrapper #about #inner #profile {margin:0 auto; padding:15px 0 25px 0; max-width:650px; text-align:center; }
#wrapper #about #inner #profile #buttons {margin:0 auto; width:230px; text-align:center; font-family:'Quicksand', sans-serif; font-size:1em; font-weight:500; letter-spacing:0.15em; text-transform:uppercase; cursor:pointer; display:flex; justify-content:center; clear:both; }

#wrapper #about #inner #profile #buttons a.contact {background-color:#62736B; color:#FFF; border:1px solid; border-color:#62736B; padding:7px; width:96px; border-radius:3px; }
#wrapper #about #inner #profile #buttons a.contact:hover {background-color:#75857C; }
#wrapper #about #inner #profile #buttons a.resume {background-color:#FFF; color:#B67776; border-color:#B67776; border:1px solid; border-color:#B67776; padding:7px; width:96px; border-radius:3px; }
#wrapper #about #inner #profile #buttons a.resume:hover {background-color:#F0E4E4; }

/*----- Recent Posts -----*/

#wrapper #recent-posts {width:100%; margin:0; background-image:url('../images/art-deco-bg.jpg'); background-repeat:repeat; background-size:auto 350px; background-position:left top; }
#wrapper #recent-posts h1 {font-size:2.5em; font-family: 'Playfair Display', serif; font-weight:500; color:#000; line-height:1.4em; margin:-0.2em 0 0.5em 0; }
#wrapper #recent-posts #inner {width:1160px; margin:0 auto; padding:60px 0; display:flex; flex-wrap:wrap; align-items:stretch; justify-content:space-between; }
#wrapper #recent-posts #inner .post {width:48%; background-color:#FFF; margin-bottom:25px; box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.2); }
#wrapper #recent-posts #inner .post img {cursor:pointer; }
#wrapper #recent-posts #inner .post img:hover {}
#wrapper #recent-posts #inner .post .content {padding:4%; }
    
/*----- Footer -----*/

#wrapper #footer {width:100%; margin:0; background-color:#FFF; box-shadow: 15px 15px 10px 15px rgba(0,0,0,0.2); }
#wrapper #footer #inner {width:1160px; margin:0 auto; padding:60px 0; display:flex; justify-content:space-between; }


#wrapper #footer #inner #logo {width:31%; display:flex; align-items:center; justify-content:center; }
#wrapper #footer #inner #logo img {max-width:290px; }
    
/*----- Internal Page -----*/

#wrapper #page {width:100%; margin:0; background-image:url("../images/art-deco-bg.jpg"); background-repeat:repeat; background-size:auto 350px; background-position:left top; }
#wrapper #page #inner {width:850px; margin:0 auto; padding:60px 0; }
#wrapper #page #inner h1 {text-align:center; }
#wrapper #page #inner p {font-size:1.25em; }
#wrapper #page #inner ul {font-size:1.25em; font-family:'Quicksand', sans-serif; font-weight:400; color:#000; line-height:1.7em; margin:-0.5em 0 1.5em 7%; padding:0; list-style-type:lower-roman; }
#wrapper #page #inner ul.quote {margin:-0.5em 0 1.5em 11%; }
#wrapper #page #inner .quote {margin-left:6%; }

#wrapper #page #inner .post {background-color:#FFF; margin-bottom:25px; box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.2); }
#wrapper #page #inner .post .content {padding:4%; }
    
.breadcrumbs {display:flex; align-items:center; justify-content:center; color:#ccc; margin-bottom:35px; }
.breadcrumbs:after, .breadcrumbs:before {content:''; width:150px; height:2px; background:#ccc; margin: 0 10px; }

}


/*----- Max Width 1199px -----*/

@media (max-width: 1199px) { 

#wrapper {width:100%; padding:0; margin:0 auto; }
  
/*----- Header -----*/

#wrapper #header {width:100%; height:180px; background-image:url('../images/header-bg.jpg'); background-repeat:repeat; background-size:auto 100%; background-position:center top; }
#wrapper #header.internal {width:100%; height:130px; background-image:none; box-shadow: 0px 15px 10px -15px rgba(0,0,0,0.2); position:relative; z-index:100; }
#wrapper #header #inner {width:95%; margin:0 auto; padding:25px 0; }   
#wrapper #header #inner #logo {margin:0 auto; width:200px; }
    
/*----- About -----*/

#wrapper #about {width:100%; margin:0; box-shadow: 0px 15px 10px -15px rgba(0,0,0,0.2); position:relative; z-index:100; }
#wrapper #about #inner {width:95%; margin:0 auto; padding:0; }
#wrapper #about #inner #profile-pic {margin:-50px auto 0 auto; width:100px; text-align:center; }
#wrapper #about #inner #profile {margin:0 auto; padding:15px 0 25px 0; max-width:650px; text-align:center; }
#wrapper #about #inner #profile #buttons {margin:0 auto; width:230px; text-align:center; font-family:'Quicksand', sans-serif; font-size:1em; font-weight:500; letter-spacing:0.15em; text-transform:uppercase; cursor:pointer; display:flex; justify-content:space-between; clear:both; }

#wrapper #about #inner #profile #buttons a.contact {background-color:#62736B; color:#FFF; border:1px solid; border-color:#62736B; padding:7px; width:96px; border-radius:3px; }
#wrapper #about #inner #profile #buttons a.contact:hover {background-color:#75857C; }
#wrapper #about #inner #profile #buttons a.resume {background-color:#FFF; color:#B67776; border-color:#B67776; border:1px solid; border-color:#B67776; padding:7px; width:96px; border-radius:3px; }
#wrapper #about #inner #profile #buttons a.resume:hover {background-color:#F0E4E4; }

/*----- Recent Posts -----*/

#wrapper #recent-posts {width:100%; margin:0; background-image:url('../images/art-deco-bg.jpg'); background-repeat:repeat; background-size:auto 350px; background-position:left top; }
#wrapper #recent-posts h1 {font-size:2.5em; font-family: 'Playfair Display', serif; font-weight:500; color:#000; line-height:1.4em; margin:-0.2em 0 0.5em 0; }
#wrapper #recent-posts #inner {width:95%; margin:0 auto; padding:60px 0; display:flex; flex-wrap:wrap; align-items:stretch; justify-content:space-between; }
#wrapper #recent-posts #inner .post {width:48%; background-color:#FFF; margin-bottom:25px; box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.2); }
#wrapper #recent-posts #inner .post img {}
#wrapper #recent-posts #inner .post .content {padding:4%; }
    
/*----- Footer -----*/

#wrapper #footer {width:100%; margin:0; background-color:#FFF; box-shadow: 15px 15px 10px 15px rgba(0,0,0,0.2); }
#wrapper #footer #inner {width:95%; margin:0 auto; padding:60px 0; display:flex; justify-content:space-between; }


/*----- Internal Page -----*/

#wrapper #page {width:100%; margin:0; background-image:url('../images/art-deco-bg.jpg'); background-repeat:repeat; background-size:auto 350px; background-position:left top; }
#wrapper #page #inner {max-width:850px; width:95%; margin:0 auto; padding:60px 0; }
#wrapper #page #inner h1 {text-align:center; }
#wrapper #page #inner .post {background-color:#FFF; margin-bottom:25px; box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.2); }
#wrapper #page #inner .post .content {padding:4%; }
    
.breadcrumbs {display:flex; align-items:center; justify-content:center; color:#ccc; margin-bottom:35px; }
.breadcrumbs:after, .breadcrumbs:before {content:''; width:150px; height:2px; background:#ccc; margin: 0 10px; }

}

/*----- Max Width 750px -----*/

@media (max-width: 750px) { 

/*----- Recent Posts -----*/

#wrapper #recent-posts #inner .post {width:100%; background-color:#FFF; margin-bottom:25px; box-shadow: 4px 4px 5px 0px rgba(0,0,0,0.2); }

}