@charset "UTF-8";
/****************************************
  MEDIA QUERIES
****************************************/
/****************************************
  GENERAL
****************************************/
@media (min-width: 990px) and (max-width: 1199px), (min-width: 1200px) {
  .container-home {
    height: calc(100vh - 160px);
    position: relative;
    overflow: hidden; } }

@media (min-width: 770px) and (max-width: 989px) {
  .container-home {
    height: calc(100dvh - 115px); } }

@media (max-width: 480px), (min-width: 481px) and (max-width: 769px) {
  .container-home {
    height: calc(100dvh - 135px); } }

.container-home .row {
  position: relative;
  height: 100%;
  margin: 0; }

.container-home .col {
  position: relative;
  height: 100%;
  padding: 0; }
  @media (max-width: 480px), (min-width: 481px) and (max-width: 769px) {
    .container-home .col {
      height: 50%; } }
  .container-home .col:hover p {
    width: 100%;
    height: 100%;
    font-size: 1.6em; }
  .container-home .col p {
    position: absolute;
    bottom: 0;
    width: 40%;
    right: 0;
    height: 40px;
    opacity: 1;
    color: #fff;
    background-color: #006E96a1;
    font-weight: bold;
    font-size: .9rem;
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    pointer-events: none;
    margin-bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: height .4s ease, width .4s ease, font-size .4s ease; }

.container-home img {
  object-fit: cover;
  width: auto;
  min-width: 100%;
  height: 100%; }

/****************************************
  FOOTER
****************************************/
footer {
  height: 30px;
  font-size: calc(.8rem - 3px);
  font-family: 'Montserrat', sans-serif;
  background: #006E96;
  color: #FFFFFF; }
  @media (max-width: 480px), (min-width: 481px) and (max-width: 769px) {
    footer {
      height: 50px; } }
  @media (max-width: 480px) {
    footer {
      font-size: calc(.6rem - 1px); } }
  footer .footer-urls {
    justify-content: end; }
    @media (max-width: 480px), (min-width: 481px) and (max-width: 769px) {
      footer .footer-urls {
        justify-content: center; } }
    footer .footer-urls a {
      color: white; }
      footer .footer-urls a:hover {
        text-decoration: none; }
      footer .footer-urls a:not(:first-child) {
        margin-left: .5rem; }
      footer .footer-urls a:not(:last-child)::after {
        content: '·';
        margin-left: .5rem; }
  @media (max-width: 480px), (min-width: 481px) and (max-width: 769px) {
    footer .copyright {
      text-align: center; } }