/*
*
* ===  TYPOGRAPHY  ===
*
*/

* { font-family: 'Acumin Pro', sans-serif; -webkit-font-smoothing: antialiased; font-weight: normal; line-height: 1.3; }

h1 { font-size: 50px; font-weight: bold; line-height: 44pt; color: #fff; margin-bottom: 20px; }
h2 { font-size: 36px; font-weight: normal; line-height: 44pt; color: #56686E; font-family: 'Minion Pro', serif; margin-bottom: 0; }
h3 { font-size: 18px; font-weight: normal; line-height: 22pt; color: #747474; font-family: 'Trajan Sans Pro', sans-serif; letter-spacing: 1.87px; background-color: white; padding: 6px 10px 2px 10px; display: inline-block; margin-bottom: 15px; }
h4, nav li { font-size: 14px; font-weight: normal; color: #56686E; }
h5 { font-size: 12px; font-weight: normal; line-height: 16pt; color: #fff; }

p, label { max-width: 610px; font-size: 16px; font-weight: normal; line-height: 20pt; color: #b9b9b9; margin-bottom: 20px; }
span { color: #4B899D; }

.fas { padding-right: 8px; font-size: 20px; font-family: 'Font Awesome 5 Pro'; font-weight: 900; }
.fab { padding-right: 8px; font-size: 20px; ; font-family: 'Font Awesome 5 Pro'; font-weight: 900; }

nav a.active { color: white; }
nav a.active li { color: white; }

a { text-decoration: none; color: #56686E; display: inline-block; }
a:hover { opacity: 0.8; }
a.active { text-decoration: none; color: #FFF; }

em { font-style: italic; }
strong { font-weight: 700; }

blockquote { font-style: italic; color: #999; padding: 0; }

::-moz-selection { color: #fff; background: #4B899D; }
::selection { color: #fff; background: #4B899D; }

.button { background: transparent linear-gradient(90deg, #4B899DCC 0%, #0C415699 100%) 0% 0% no-repeat padding-box; font-size: 14px;  cursor: pointer; padding: 10px 30px 10px; border-radius: 7px; font: normal normal 300 14px/20px Acumin Pro; color: #D1E2E8; text-transform: uppercase; font-weight: bold; letter-spacing: 1.39px; border: 2px solid #4B899DCC; transition: all 0.2s; display: inline-block; }
.button:hover { background: transparent linear-gradient(90deg, #0C415699 0%, #4B899DCC 100%) 0% 0% no-repeat padding-box;opacity: 0.7; }

.date { color: #4B899D; font-size: 16px; display: inline-block; }



/* ================================ */
/* =        MEDIA QUERIES         = */
/* ================================ */
@media (max-width: 600px) {
 #about-page h1 {
  font-size: 34px;
  line-height: 34px;
 }

}