<!DOCTYPE html>

<html lang="en">
<head>
  <title>CAA Eleven</title>
  <!-- Viewport size and orientation-zoom-lock -->
  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1"/>
  <!-- User IE's EDGE rendering engine -->
  <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
  <meta charset="UTF-8">
  <meta name="description" content="CAA Eleven, UEFA National Team Football Exclusive Agent."> 
  <link rel="icon" href="/favicon.svg" type="image/svg+xml">

  <style type="text/css">

    * {
      margin: 0;
      padding: 0;
    }
    @font-face {
      font-family: 'pf_dintext_pro';
      src: url(pfdintextpro-regular-webfont.woff2) format('woff2');
      font-weight: 400;
      font-style: normal;
    }

    @font-face {
      font-family: 'pf_dintext_pro';
      src: url(pfdintextpro-medium-webfont.woff2) format('woff2');
      font-weight: 500;
      font-style: normal;
    }
    :root {
      --content-width: 31.5%;
      --title-offset: 19vh;
    }
    html,
    body {
      height: 100%;
      min-width: 320px;
    }
    body {
      overflow: hidden;
      background-image: url(CAA11-LandingPage.jpg);
      background-repeat: no-repeat;
      background-position: 50% 50%;
      background-size: cover;
      font-family: "pf_dintext_pro",helvetica,sans-serif;
    }
    .page-content {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -57%);
      margin: 0 auto;
      width: var(--content-width);
      max-width: 100%;
      min-width: 280px;
      color: #ffffff;
      text-align: center;
    }
    .page-content img {
      width: 100%;
      height:auto;
    }
    .page-content h1 {
      font-weight: 500;
      font-size: 20px;
      margin-top: var(--title-offset);
    }

    a.linkedin {
      display: inline-block;
      vertical-align: top;
      width: 32px;
      height: 32px;
      border-radius: 50%;
      background-color: #ffffff;
      background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg fill='%23000000' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='800px' height='800px' viewBox='0 0 512 512' xml:space='preserve'%3E%3Cg id='7935ec95c421cee6d86eb22ecd125aef'%3E%3Cpath style='display: inline; fill-rule: evenodd; clip-rule: evenodd;' d='M116.504,500.219V170.654H6.975v329.564H116.504 L116.504,500.219z M61.751,125.674c38.183,0,61.968-25.328,61.968-56.953c-0.722-32.328-23.785-56.941-61.252-56.941 C24.994,11.781,0.5,36.394,0.5,68.722c0,31.625,23.772,56.953,60.53,56.953H61.751L61.751,125.674z M177.124,500.219 c0,0,1.437-298.643,0-329.564H286.67v47.794h-0.727c14.404-22.49,40.354-55.533,99.44-55.533 c72.085,0,126.116,47.103,126.116,148.333v188.971H401.971V323.912c0-44.301-15.848-74.531-55.497-74.531 c-30.254,0-48.284,20.38-56.202,40.08c-2.897,7.012-3.602,16.861-3.602,26.711v184.047H177.124L177.124,500.219z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
      background-size: 12px auto;
      background-repeat: no-repeat;
      background-position: 50% 50%;
      font-size: 0;
      color: transparent;
      overflow: hidden;
      margin-top: 20px;

    }

    @media only screen and (min-aspect-ratio: 9/19) and (max-aspect-ratio: 1 / 1) {
      :root {
        --content-width: 66%;
        --title-offset: 11vh;
      }
    }
    @media only screen and (min-aspect-ratio: 1/1) and (max-aspect-ratio: 4 / 3) {
      :root {
        --content-width: 40%;
        --title-offset: 17vh;
      }
    }


  </style>
  <script src="https://use.typekit.net/gce7xzt.js"></script>
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-D9H75NPCCD"></script>
  <script type="text/javascript">
    window.dataLayer = window.dataLayer || [];

    function gtag() {
      dataLayer.push(arguments);
    }

    gtag("js", new Date());
    gtag("config", "G-D9H75NPCCD");
  </script>

</head>

<body>

  <div class="page-content">
    <img src="CAA11-UEFA.svg" alt="CAA Eleven and UEFA logos" width="785" height="247"/>
    <h1>CAA Eleven Sàrl</h1>
    <p>Allée de la Petite Prairie 8-10<br>
      1260 Nyon<br>
      Switzerland</p>
    <a href="https://www.linkedin.com/company/caa-eleven/" target="_blank" class="linkedin">Linkedin</a>
  </div>


</body>
</html>