/*
 * THIS FILE IS GENERATED - DO NOT EDIT
 */
@media (max-width:768px) {
  #eye-intro {
    font-size:12px;
    line-height:14px;
  }
}

@media (max-width:992px) {
  .margin-container { padding:0 60px; }
}

.pb-f-the-eye-eye-header-bar #eye-intro {
  border-left:solid 1px black;
  padding-left:15px;
  font-weight:200;
}

.pb-f-the-eye-eye-header-bar #eye-header-logo {
  margin:5px 15px 5px 0;
  float:right;
}

/*
 * THIS FILE IS GENERATED - DO NOT EDIT
 */
@import url(https://fonts.googleapis.com/css?family=Cardo:400,700);
@import url(https://fonts.googleapis.com/css?family=Lato:700);

.pb-f-the-eye-eye-10-lead html,
.pb-f-the-eye-eye-10-lead body {
  margin:0;
  background-color:black;
}

.pb-f-the-eye-eye-10-lead #desktop {
  display:block;
  position:relative;
  min-height:100vh;
  font-family:'Cardo',serif;
}

.pb-f-the-eye-eye-10-lead #mobile { display:none; }

.pb-f-the-eye-eye-10-lead section {
  width:100%;
  min-height:100%;
  background-size:cover;
  background-attachment:fixed;
  background-position:center;
  background-repeat:no-repeat;
  display:none;
}

.pb-f-the-eye-eye-10-lead section.standard { padding-top:100px; }

.pb-f-the-eye-eye-10-lead #a {
  color:white;
  height:100vh;
}

.pb-f-the-eye-eye-10-lead #a h1 {
  text-align:center;
  font-size:55px;
  width:700px;
  margin:0 auto;
  padding:100px 0 50px 0;
  text-shadow:2px 2px 8px #222;
  font-family:'Lato',sans-serif;
  text-transform:uppercase;
  text-transform:uppercase;
}

.pb-f-the-eye-eye-10-lead #a h1 img { width:inherit; }

.pb-f-the-eye-eye-10-lead #start {
  position:relative;
  bottom:25px;
  left:-170px;
  width:340px;
  margin-left:50%;
}

.pb-f-the-eye-eye-10-lead #start p {
  color:white;
  font-weight:bold;
}

.pb-f-the-eye-eye-10-lead #start img {
  filter:brightness(0) invert(1);
  -webkit-filter:brightness(0) invert(1);
}

.pb-f-the-eye-eye-10-lead #e0 {
  background-color:black;
  color:white;
  height:100vh;
}

.pb-f-the-eye-eye-10-lead p.quote {
  text-align:center;
  font-size:30px;
  width:650px;
  margin:0 auto;
  padding-top:100px;
}

.pb-f-the-eye-eye-10-lead #e0 .next { margin-top:50px; }

.pb-f-the-eye-eye-10-lead #f article {
  background:black;
  color:white;
}

.pb-f-the-eye-eye-10-lead #f article h2 { color:white; }

.pb-f-the-eye-eye-10-lead #f article hr { border-color:white; }

.pb-f-the-eye-eye-10-lead #f p { color:white; }

.pb-f-the-eye-eye-10-lead article {
  width:550px;
  background:white;
  padding:50px;
  margin:0 auto;
}

.pb-f-the-eye-eye-10-lead article h2 {
  margin:0;
  text-align:center;
  font-size:36px;
  color:#208dca;
  font-family:'Lato',sans-serif;
  text-transform:uppercase;
}

.pb-f-the-eye-eye-10-lead article hr {
  width:450px;
  border-color:#208dca;
  margin:30px auto;
}

.pb-f-the-eye-eye-10-lead article p {
  line-height:25px;
  margin:0;
}

.pb-f-the-eye-eye-10-lead article .next { margin:25px 0 0 0; }

.pb-f-the-eye-eye-10-lead .next { text-align:center; }

.pb-f-the-eye-eye-10-lead .next:hover {
  cursor:pointer;
  opacity:0.7;
}

.pb-f-the-eye-eye-10-lead .next p {
  font-size:16px;
  margin:0;
  color:#208dca;
}

.pb-f-the-eye-eye-10-lead .next span {
  font-size:28px;
  font-family:'Lato',sans-serif;
  text-transform:uppercase;
}

.pb-f-the-eye-eye-10-lead .next img {
  margin-top:15px;
  height:30px;
}

.pb-f-the-eye-eye-10-lead .sidebar {
  position:fixed;
  top:56px;
  left:0;
  z-index:1;
}

.pb-f-the-eye-eye-10-lead .sidebar ul {
  list-style:none;
  margin:0;
  padding:0;
}

.pb-f-the-eye-eye-10-lead .sidebar ul li {
  cursor:pointer;
  margin:10px;
  background:white;
  text-align:left;
  padding:10px 16px;
  border-radius:22.5px;
  height:20px;
  font-size:16px;
  color:#87d3f8;
  width:8px;
  -webkit-box-sizing:content-box;
  -moz-box-sizing:content-box;
  box-sizing:content-box;
}

@media (max-width:850px) {
  html,
  body { background-color:white; }

  #desktop { display:none; }

  #mobile { display:block; }

  section {
    display:block;
    background-attachment:initial;
    background-image:none !important;
  }

  #a {
    min-height:auto;
    height:auto;
  }

  #a h1 {
    font-size:36px;
    width:auto;
    margin:0 auto;
    padding:150px 25px;
  }

  #a h1 img { width:100%; }

  #e0 { height:auto; }

  article {
    width:auto;
    padding:25px;
  }

  article h2 { font-size:24px; }

  article hr { margin:15px auto; }

  p.quote {
    text-align:center;
    font-size:20px;
    width:auto;
    padding:25px;
    margin:0;
    background-color:black;
    color:white;
  }

  article hr { width:80%; }
}
