/* === MEDIA === */

@media (min-width: 479.98px) {
    .page {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
      -moz-box-orient: vertical;
      -moz-box-direction: normal;
      flex-direction: column;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -moz-box-pack: center;
      justify-content: center;
    }
  }
  
  @media (min-width: 991.98px) {
    .cover__wrapper {
      margin-left: auto;
      max-width: 37.083vw;
    }
  }
  
  @media (max-width: 991.98px) {
    .button {
      font-size: 32px;
      padding: 16px;
      min-width: auto;
    }
  
    .logo {
      max-width: 240px;
      max-height: 80px;
    }
  
    .cover__image {
      max-width: 415px;
      max-height: 408px;
      bottom: 0;
    }
  
    .cover__title {
      font-size: 36px;
    }
  
    .cover__title:not(:last-child) {
      margin-bottom: 32px;
    }
  
    .cover__title > span:nth-child(2) {
      font-size: 24px;
    }
  
    .cover__title > span:nth-child(3) {
      font-size: 64px;
    }
  }
  
  @media (max-width: 767.98px) {
    .content {
      padding-left: 10px;
      padding-right: 10px;
    }
  
    .button {
      padding: 10px 24px;
    }
  
    .header__content {
      padding-top: 16px;
      padding-bottom: 16px;
    }
  
    .footer__content {
      padding-top: 11px;
      padding-bottom: 11px;
    }
  
    .footer__logos li {
      margin: 6px 10px;
      height: 24px;
      -webkit-box-flex: 0;
      -webkit-flex: 0 0 auto;
      -moz-box-flex: 0;
      flex: 0 0 auto;
    }
  
    .footer__logos:not(:last-child) {
      margin-bottom: 10px;
    }
  }
  
  @media (max-width: 479.98px) {
		body {
			background: url("../img/bg-02.jpg") bottom right/cover no-repeat;
		}

    .button {
      width: 100%;
			max-width: 385px;
    }
  }
  
  @media (any-hover: hover) {
    .button:hover {
      -webkit-transform: scale(1.05);
      -moz-transform: scale(1.05);
      -o-transform: scale(1.05);
      transform: scale(1.05);
    }
  
    .logo:hover {
      opacity: 0.7;
    }
  }
	
	@media (max-width: 374.98px) {
		.cover__title > span:nth-child(3) {
			font-size: 52px;
		}
	}