@import url("https://fonts.googleapis.com/css?family=Caudex|Inconsolata");
html {
  background-color: #fcfbf6; }

p, .subheader, .list, .menu {
  font-family: 'Inconsolata', monospace;
  text-align: justify; }

::-moz-selection {
  background: #f86e20;
  color: #fcfbf6; }

::selection {
  background: #f86e20;
  color: #fcfbf6; }

a {
  transition: color .2s; }

.subheader {
  color: #606c76; }

.links.menu {
  list-style-type: none; }
  .links.menu li a {
    font-size: 2.2rem; }

@media only screen and (min-width: 80rem) {
  .links.menu li {
    float: left;
    padding: 2rem; } }
h1,
h2,
h3,
h4 {
  color: #fec200;
  font-family: 'Caudex';
  margin-bottom: 1rem; }
  h1 .subheader,
  h2 .subheader,
  h3 .subheader,
  h4 .subheader {
    display: block;
    font-size: 1.4rem; }

h1 {
  font-size: 5rem; }

.main.container {
  margin: 4rem auto 8rem; }

.biography.column {
  align-items: center;
  display: flex;
  padding: 1em; }

.signature i {
  color: #fec200; }

.service {
  padding: 2rem; }

.copyright {
  color: #bbbbbb;
  text-align: center; }

.carousel button::before {
  color: #222; }
.carousel .slick-track {
  display: flex; }
  .carousel .slick-track .slick-slide {
    align-items: center;
    display: flex;
    height: auto;
    justify-content: center;
    overflow: hidden;
    padding: .5em; }
  .carousel .slick-track img {
    cursor: pointer;
    height: 400px;
    width: auto !important; }

.contact.list {
  list-style-type: none; }

.client-logos {
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around; }
  .client-logos a {
    flex: 0 0 auto;
    margin: 4rem;
    width: 20rem; }
  .client-logos img {
    transition: transform .2s, filter .2s;
    width: 100%; }
  .client-logos img:not(:hover) {
    filter: grayscale(100%) opacity(70%); }
  .client-logos img:hover {
    transform: scale(1.1); }

section.row {
  padding: 6rem 0; }

a {
  color: #fec200; }

.leydya-image {
  background-image: url("/images/leydya.jpeg");
  background-position: 0% 50%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  min-height: 480px;
  max-height: 640px;
  transition: filter .2s;
  width: 100%; }

.leydya {
  height: 50rem;
  position: relative;
  width: 40rem;
  max-width: 100%; }
  .leydya i {
    color: #fff;
    left: 2rem;
    opacity: 0;
    position: absolute;
    top: 4rem;
    transition: opacity .2s, transform .2s; }
  .leydya .image {
    background-image: url("/images/walking.jpeg");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 1rem;
    height: 100%;
    transition: filter .2s;
    width: 100%; }

.leydya:hover i {
  opacity: 1;
  transform: translateY(-2rem); }
.leydya:hover .image {
  filter: grayscale(100%) brightness(30%); }

@media only screen and (max-width: 80rem) {
  .column {
    margin-left: 0 !important;
    max-width: 100% !important; } }
@media only screen and (max-width: 40rem) {
  .column {
    flex-basis: auto !important; }

  .main.container {
    margin: 1rem auto; } }