@font-face {
  font-family: 'Corbert';
  src: url("../fonts/Corbert-Regular.eot");
  src: url("../fonts/Corbert-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Corbert-Regular.woff2") format("woff2"), url("../fonts/Corbert-Regular.woff") format("woff"), url("../fonts/Corbert-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Corbert';
  src: url("../fonts/Corbert-Italic.eot");
  src: url("../fonts/Corbert-Italic.eot?#iefix") format("embedded-opentype"), url("../fonts/Corbert-Italic.woff2") format("woff2"), url("../fonts/Corbert-Italic.woff") format("woff"), url("../fonts/Corbert-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: 'Venice';
  src: url("../fonts/Venice-Regular.eot");
  src: url("../fonts/Venice-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Venice-Regular.woff2") format("woff2"), url("../fonts/Venice-Regular.woff") format("woff"), url("../fonts/Venice-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal; }

html {
  font-size: 16px; }

body {
  background-color: black;
  color: white;
  font-family: "Corbert"; }

.grid-container {
  max-width: 80rem; }
  .grid-container.full {
    max-width: 80rem; }

header {
  position: relative; }
  header .header-image {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: auto;
    max-height: 500px;
    padding: 15px 15px 10px 15px;
    /* <<< */ }
    header .header-image:before, header .header-image:after {
      content: "";
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0; }
    header .header-image:before {
      z-index: 100;
      background: -webkit-linear-gradient(280deg, rgba(255, 220, 255, 0.9) 0%, rgba(255, 255, 255, 0) 55%);
      background: linear-gradient(170deg, rgba(255, 220, 255, 0.9) 0%, rgba(255, 255, 255, 0) 55%); }
    header .header-image:after {
      z-index: 101;
      background: -webkit-linear-gradient(105deg, rgba(255, 220, 255, 0.9) 0%, rgba(255, 255, 255, 0) 45%);
      background: linear-gradient(-15deg, rgba(255, 220, 255, 0.9) 0%, rgba(255, 255, 255, 0) 45%); }
    @media screen and (min-width: 640px) {
      header .header-image {
        /* <<< MEDIUM <<< */
        height: auto;
        max-height: 700px;
        padding: 20px; } }
    header .header-image .text-wrapper {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap;
              flex-wrap: wrap;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -webkit-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: stretch;
      -webkit-align-items: stretch;
              align-items: stretch;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
              justify-content: space-between;
      margin: 0 auto;
      max-width: 80rem;
      width: 100%;
      position: relative;
      z-index: 200;
      /* <<< */ }
      @media screen and (min-width: 640px) {
        header .header-image .text-wrapper {
          /* <<< MEDIUM <<< */
          padding: 0 1em; } }
      header .header-image .text-wrapper .headline {
        width: 100%;
        color: #000;
        font-family: 'Venice';
        font-size: 16.5vw;
        letter-spacing: 0em;
        line-height: .55em;
        /* <<< */
        /* <<< */ }
        @media screen and (min-width: 640px) {
          header .header-image .text-wrapper .headline {
            /* <<< MEDIUM <<< */
            font-size: 102px; } }
        @media screen and (min-width: 1024px) {
          header .header-image .text-wrapper .headline {
            /* <<< LARGE <<< */
            font-size: 140px; } }
        header .header-image .text-wrapper .headline .glamladies {
          padding-top: .2em;
          position: relative;
          display: inline-block; }
          header .header-image .text-wrapper .headline .glamladies:after {
            content: "";
            height: .1em;
            width: .1em;
            position: absolute;
            display: block;
            right: -0.08em;
            top: -0.05em;
            background-image: url(../img/trademark-black.png);
            background-size: contain;
            overflow: visible; }
        header .header-image .text-wrapper .headline .photography {
          font-size: .55em; }
      header .header-image .text-wrapper .subline {
        padding-top: 100px;
        padding-right: .2em;
        width: 100%;
        color: #000;
        font-family: 'Corbert';
        font-size: 6vw;
        font-style: italic;
        text-align: right;
        /* <<< */
        /* <<< */ }
        @media screen and (min-width: 640px) {
          header .header-image .text-wrapper .subline {
            /* <<< MEDIUM <<< */
            font-size: 35px; } }
        @media screen and (min-width: 1024px) {
          header .header-image .text-wrapper .subline {
            /* <<< LARGE <<< */
            font-size: 40px; } }

section {
  padding: 30px 15px 10px;
  /* <<< */ }
  @media screen and (min-width: 640px) {
    section {
      /* <<< MEDIUM <<< */
      padding: 50px 25px 0px; } }
  section .text {
    padding-right: 25px; }

p {
  font-size: 16px;
  margin-bottom: 10px;
  /* <<< */
  /* <<< */ }
  @media screen and (min-width: 640px) {
    p {
      /* <<< MEDIUM <<< */
      font-size: 16px; } }
  @media screen and (min-width: 1024px) {
    p {
      /* <<< LARGE <<< */
      font-size: 16px; } }

a {
  color: white; }
  a:hover {
    color: white;
    text-decoration: underline; }
  a:visited, a:focus, a:active {
    color: white; }

h3 {
  font-family: 'Corbert';
  font-size: 22px; }

#fotos p {
  /* <<< */ }
  @media screen and (min-width: 1024px) {
    #fotos p {
      /* <<< LARGE <<< */
      font-size: 16px; } }

#studio {
  padding: 0;
  /* <<< */ }
  @media screen and (min-width: 1024px) {
    #studio {
      /* <<< LARGE <<< */
      padding: 30px 25px 0; } }
  #studio .studiotext {
    padding: 0;
    /* <<< */
    /* <<< */ }
    @media screen and (min-width: 640px) {
      #studio .studiotext {
        /* <<< MEDIUM <<< */
        margin-top: 40px; } }
    @media screen and (min-width: 1024px) {
      #studio .studiotext {
        /* <<< LARGE <<< */
        margin-top: 0;
        padding: 0 0.9375rem; } }
    #studio .studiotext .cell {
      /* <<< */
      /* <<< */ }
      @media screen and (min-width: 640px) {
        #studio .studiotext .cell {
          /* <<< MEDIUM <<< */
          -webkit-align-self: flex-start;
                  align-self: flex-start; } }
      @media screen and (min-width: 1024px) {
        #studio .studiotext .cell {
          /* <<< LARGE <<< */
          -webkit-align-self: flex-end;
                  align-self: flex-end; } }
    #studio .studiotext .textblock {
      padding: 30px 1.5em 30px .5em;
      /* <<< */
      /* <<< */ }
      @media screen and (min-width: 640px) {
        #studio .studiotext .textblock {
          /* <<< MEDIUM <<< */
          padding-top: 0;
          padding-bottom: 0; } }
      @media screen and (min-width: 1024px) {
        #studio .studiotext .textblock {
          /* <<< LARGE <<< */
          padding-top: 30px; } }
      #studio .studiotext .textblock p {
        padding-left: 1em;
        /* <<< */ }
        @media screen and (min-width: 1024px) {
          #studio .studiotext .textblock p {
            /* <<< LARGE <<< */
            padding-right: 3em; } }
  #studio .studioimg {
    /* <<< */
    /* <<< */ }
    @media screen and (min-width: 640px) {
      #studio .studioimg {
        /* <<< MEDIUM <<< */
        -webkit-align-self: flex-start;
                align-self: flex-start; } }
    @media screen and (min-width: 1024px) {
      #studio .studioimg {
        /* <<< LARGE <<< */
        -webkit-align-self: flex-end;
                align-self: flex-end; } }

#contact .contacttext {
  padding-top: 1.5em;
  padding-left: 1em; }
  #contact .contacttext p {
    line-height: 1.4em;
    font-size: 1em;
    font-style: italic;
    /* <<< */ }
    @media screen and (min-width: 640px) {
      #contact .contacttext p {
        /* <<< MEDIUM <<< */
        padding-top: 2vw;
        font-size: 1.2em; } }

#contact .blume {
  margin: 0 auto;
  max-width: 60%;
  /* <<< */ }
  @media screen and (min-width: 1024px) {
    #contact .blume {
      /* <<< LARGE <<< */
      margin-top: 100px; } }

footer {
  padding-bottom: 50px; }
  footer .logo {
    margin-top: 100px;
    margin-bottom: 40px; }
  footer .smalltext {
    padding-top: 40px; }
    footer .smalltext p {
      font-size: .7em; }