main.css

body,html{width:100%;height:100%}h1,h2,h3,h4,h5,h6{font-family:"Playfair-display",Georgia,serif}ul,p,a,form{font-family:"Raleway",Arial,sans-serif;font-size:16px;line-height:24px}a{text-decoration:none;color:#000}h1{font-size:72px;font-weight:400;margin:20px 0px;color:#bfa16a}h2{font-size:36px;font-weight:400}h3{display:inline-block;font-size:24px;font-weight:400;margin:15px 0px;padding-right:8px}h4{font-size:18px;font-weight:400;color:#bfa16a}h4.h4--italics{font-style:italic}h4.h4--uppercase{text-transform:uppercase}h5{display:inline-block;font-family:"Raleway",Arial,sans-serif;letter-spacing:2px;line-height:16px;font-size:16px}ul{list-style:none}hr{border:1px solid #bfa16a;background-color:#bfa16a}img{width:100%}.container{padding-left:15px;padding-right:15px;margin:100px 0px}.white{color:#fff}.gold{color:#bfa16a}.gray{color:#7f7f7f}footer{background-color:#272b32}.footer__wrapper{max-width:1200px;padding:50px 0px 25px 0px;height:100%;margin:auto}.footer__info{width:100%;display:flex;justify-content:space-evenly;flex-wrap:wrap}.footer__info h5,.footer__info h3{margin:0}.footer__copyright{width:100%;text-align:center}.footer__copyright p{margin-bottom:0px}@media (max-width: 768px){.footer__info div{width:100%;padding:15px}}.primary-nav{box-shadow:0 6px 14px rgba(0,0,0,0.14);background-color:#fff;position:fixed;width:100%;height:84px;z-index:10}.primary-nav__container{display:flex;max-width:1200px;margin:auto;height:100%;align-items:center;justify-content:space-between;position:relative}.primary-nav__items--right{display:flex;min-width:40%;justify-content:space-between}.primary-nav__item{font-weight:600}.primary-nav__menu-icon{display:none}.primary-nav__menu-icon i{font-size:1.5em}.primary-nav__item:not(:last-child){margin-right:10%}.primary-nav__item--logo{margin-right:auto}.primary-nav__item--logo h3{display:inline-block;font-weight:400}@media (max-width: 768px){.primary-nav__menu-icon{display:block}.primary-nav__items--right{display:none;min-width:40%;justify-content:space-between;flex-direction:column;position:absolute;top:100%;left:0px;background-color:#fff;width:100%;padding:15px;line-height:29px}}.hero-banner{padding-top:84px;display:flex;align-items:center;justify-content:center;text-align:center;min-height:400px;background:url("img/hero-bg-overlay.png") no-repeat right top;width:100%;background-size:cover;color:#bfa16a;font-weight:400;height:100vh}.hero-banner hr{width:80%}.hero-banner h5{margin:0px}.hero-banner__icon{width:50px;width:50px;display:block;margin:20px auto}.card-container{min-height:160px;background-image:url("img/books-bg-overlay.png");background-size:cover;background-position:center center;margin:0px}.card-container__wrapper{display:flex;flex-wrap:wrap;margin:0px auto;min-height:160px;align-items:center;justify-content:space-evenly;max-width:1200px;padding-left:0px}.card-container__item{color:#bfa16a;text-align:center;border:1px solid #bfa16a;padding:25px;flex-grow:1;border-radius:5px}.card-container__item:not(:last-child):not(:first-child){margin:0px 30px}.card-container__item hr{margin:15px auto;width:30%}.card-container__item h4{margin:0}.card-container__item a{color:inherit}.card-container--no-bg{background-image:none;background-color:#fff}.card-container--no-bg .card-container__wrapper{min-height:250px}.card-container--no-bg .card-container__item{color:#000;max-width:250px}@media (min-width: 768px) and (max-width: 1200px){.card-container__item:first-child{margin-left:4%}.card-container__item:last-child{margin-right:4%}}@media (max-width: 768px){.card-container__item{width:50%;margin:2% 25% 2% 25%}.card-container__item:not(:last-child):not(:first-child){margin:2% 25% 2% 25%}.card-container__item:first-child{margin-top:4%}.card-container__item:last-child{margin-bottom:4%}.card-container--no-bg .card-container__item{width:70%;margin:2% 10% 2% 10%}.card-container--no-bg .card-container__item:not(:last-child):not(:first-child){margin:2% 10% 2% 10%}}.split-content{display:flex;flex-wrap:wrap;max-width:1200px;margin:auto}.split-content div{width:45%}.split-content div:first-child{margin-right:10%}.split-content div:nth-child(2){background-image:url("img/bridge.jpg");background-size:cover;background-position:center left;min-height:200px}@media (max-width: 768px){.split-content div{width:100%}.split-content div:first-child{order:2}.split-content div:nth-child(2){order:1}}.title-wrapper{margin-bottom:60px}.content-block{padding:100px 15px;box-sizing:border-box}.content-block__wrapper{max-width:1200px;margin:auto}.content-block__hr{width:30px;margin:0px}.content-block--dark{background-color:#272b32;color:#fff}.content-block--profile-pic{display:flex;flex-wrap:wrap;justify-content:space-around;align-items:start}.content-block--profile-pic__wrapper{width:60%;margin:0}.content-block--profile-pic__profile{width:20%;max-width:200px;padding:15px;margin-top:15px;border:1px solid #bfa16a}.content-block__list{list-style:circle}@media (max-width: 768px){.content-block--profile-pic__wrapper,.content-block--profile-pic__profile{width:100%}}.services-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:repeat(auto-fill, minmax(250px, 1fr));grid-gap:20px;background-color:#fff;color:#444}.services-grid__item{background-color:#fff;border:1px solid #bfa16a;padding:20px;text-align:center}.services-grid__item i{color:#bfa16a}.section-title{width:max-content;margin:auto;position:relative}.section-title__back-text{opacity:0.1;line-height:100px;margin:0;font-size:100px}.section-title__front-text{position:absolute;top:0;width:100%;text-align:center;line-height:120px;margin:0}@media (max-width: 768px){.section-title__back-text{line-height:60px;font-size:60px}.section-title__front-text{font-size:30px;line-height:80px}}.page-title{padding-top:100px;min-height:250px;display:flex;align-items:center;justify-content:center;color:#fff;background-color:#000;background:url("img/hero-bg-overlay.png") center left;background-size:cover}.contact-form{background-color:#272b32;padding:100px 15px}.contact-form__wrapper{width:70%;margin:auto;max-width:1200px}.contact-form__input{border:1px solid #bfa16a;width:100%;margin-bottom:20px;padding:10px 15px;box-sizing:border-box}.contact-form__title{margin-bottom:50px;text-align:center}.contact-form__title hr{margin:auto}.map{height:300px}@media (max-width: 768px){.contact-form__wrapper{width:90%}}