/* Universal page styling */
.site-title { letter-spacing: .025em; }
.site-title-bold { font-weight: 900; }
.site-title-thin { font-weight: 100; }

body {
  font-family: 'Open Sans', sans-serif;
  font-weight: 300;
  font-size: 1.2rem;
  margin-left: auto;
  margin-right: auto;
}

p { margin-bottom: 1.5rem; }

.ml-btn {
  background-color: #3197e1;
  font-size: 1.1rem;
  padding: .5rem 1rem;
  margin-bottom: 1.5rem;
}

footer {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  text-align: center;
  border-top: 1px solid #dee2e6;
}
.footer-copyright {
  font-size: 1rem;
  color: gray;
}

/* Page specific styling */
header {
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}

.container { max-width: 100vw; }

.row {
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
}

.opt-in-copy { text-align: center; }
.main-copy {
  text-transform: capitalize;
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  /* font-size: 1.5rem; */
}
.sub-copy { font-size: 1.2rem; }

.profile-pic {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1rem;
}

.profile-pic img { max-width: 100%; }

/*--------------- Media Queries ---------------*/

/* For Medium md screens+ */
@media (min-width: 768px) {
  /* Adjusting profile pic max width for larger screens */
  .profile-pic { max-width: 100vw; }

  /* Applying flex center for right column */
  .flex-parent {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }

  /* Hiding footer when columns unstack */
  .mobile-only { display: none; }
}

/* For Extra Large xl screens+ */
@media (min-width: 1200px) {
    /* Adjusting font size 1.5 & 1.2rem */
    /* .main-copy { font-size: 1.8rem; } */
    .sub-copy { font-size: 1.3rem;}
  }