/* Colours */
/* Fluid heading sizes - set your min/max sizes and you're done! */
/* For Home Page Only */
/* Fluid heading sizes - set your min/max sizes and you're done! */
/* Some device sizes to use with min-width */
/* adjusted breakpoints for above */
/* 100% widths look better than "Snapping" IMO */
/* Utility */
/* Additional Spacers -- don't think you'll need more than 7, but if you do -- maybe just use a custom class  :)  */
#sec-hero .bg-img::after {
  background-color: rgba(37, 36, 36, 0.62); }

#sec-gallery {
  padding: 70px 0 90px;
  background-color: #1D1D1D; }
  #sec-gallery .card picture,
  #sec-gallery .card img {
    border-radius: 5px; }
  #sec-gallery .card p {
    color: #C9C9C9;
    max-width: 449px;
    font-size: 16px; }
  #sec-gallery .card h4 {
    font-size: 24px;
    margin: 57px 0 35px; }
  #sec-gallery .nav-links a, #sec-gallery .nav-links .current {
    width: 45px;
    height: 45px;
    background-color: transparent;
    border: 1px solid #707070;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #FFFFFF;
    font-family: "Oxanium", "SpaceX", "Source Sans Pro", "Roboto", sans-serif;
    margin-right: 12px; }
  #sec-gallery .nav-links a.prev, #sec-gallery .nav-links a.next {
    background-color: #EC2025;
    border-color: #EC2025; }
    #sec-gallery .nav-links a.prev span, #sec-gallery .nav-links a.next span {
      font-size: 14px;
      position: relative;
      top: 1px; }
  #sec-gallery .nav-links .current {
    background-color: #3D3C3C !important;
    border-color: #3D3C3C !important; }
  @media screen and (min-width: 1025px) {
    #sec-gallery {
      padding: 112px 0 140px; }
      #sec-gallery .nav-links a, #sec-gallery .nav-links .current {
        width: 55px;
        height: 55px;
        font-size: 20px; }
      #sec-gallery .nav-links a.prev span, #sec-gallery .nav-links a.next span {
        font-size: 16px; } }