@font-face {
  font-family: Asap;
  src: url("../assets/fonts/Asap/Asap-Regular.ttf");
}
@font-face {
  font-family: Signika;
  src: url("../assets/fonts/Signika/Signika-Regular.ttf");
}
@font-face {
  font-family: Didact Gothic;
  src: url("../assets/fonts/Didact_Gothic/DidactGothic-Regular.ttf");
}
html {
  background-color: rgb(255, 255, 255);
  scroll-behavior: smooth;
}

body {
  font-family: "Signika";
  padding: 0;
  margin: 0;
  background-color: white;
  overflow-x: none;
}
body #upward {
  position: fixed;
  bottom: 20px;
  right: -100px;
  z-index: 10;
  transition: all 1s ease-in-out;
}
body #upward img {
  height: 40px;
}
body #upward:active {
  transform: scale(0.5);
}
body #pageGarde {
  min-height: 100vh;
  min-width: 100vw;
  margin: 0;
  padding: 0;
  background-color: black;
  position: fixed;
  z-index: 10;
  color: white;
  font-family: "Didact Gothic", sans-serif;
  display: grid;
  justify-content: end;
  align-content: center;
  background-image: url("../assets/BW/KellyFinal1.jpg");
  background-size: contain;
  background-repeat: no-repeat;
}
body #pageGarde #introText {
  text-align: center;
  margin-right: 100px;
}
body #pageGarde #introText #eddieCh {
  margin: 0 !important;
  padding: 0 !important;
  text-align: center;
  font-size: 6em;
  font-weight: 800;
}
body #pageGarde #introText #eddieCh span {
  font-size: 6.2;
}
body #pageGarde #introText #photographer {
  text-align: center;
  font-size: 2.5em;
}
body #pageGarde #introText #open {
  font-size: 1.7em;
  color: white;
  text-align: center;
  background-color: black;
  border: 2px solid white;
  padding: 20px 30px 20px 30px;
}
body #pageGarde #introText #open:hover {
  background-color: white;
  color: black;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  body #pageGarde {
    width: 100%;
    display: grid;
    text-align: center;
    background-size: cover;
    background-position: center;
    justify-content: center;
    margin: 0;
    padding: 0;
  }
  body #pageGarde #introText {
    text-align: center;
    margin: 0;
  }
  body #pageGarde #introText #eddieCh {
    text-align: center;
    font-size: 3em;
  }
  body #pageGarde #introText #eddieCh #photographer {
    font-size: 0.75em;
  }
}
body #modalPhotos {
  position: fixed;
  z-index: 50;
  min-height: 100vh;
  min-width: 100vw;
  background-color: black;
}
body #modalPhotos div {
  height: 100%;
  border: 1px s olid blue;
}
body #mobileMenu {
  margin: 0;
  padding: 0;
  position: fixed;
  overflow: hidden;
  z-index: 1;
  height: 100vh;
  width: 100vw;
  background-color: black;
  display: grid;
  justify-content: center;
  align-content: center;
  text-align: center;
  -webkit-clip-path: circle(100px at 90% -20%);
          clip-path: circle(100px at 90% -20%);
  transition: all 1s ease-in-out;
}
body #mobileMenu a {
  font-size: 1.5em;
  margin: 10px 0 10px 0;
  color: white;
  text-decoration: none;
}
body #header {
  height: 7vh;
  width: 100vw;
  background-color: rgba(255, 255, 255, 0);
  z-index: 2;
  display: grid;
  grid-template-columns: 0.5fr 2fr 0.5fr;
  grid-template-rows: auto;
  grid-template-areas: "logo menu hamb";
  transition: background-color 1s ease-in-out;
}
body #header #logo {
  grid-area: logo;
  justify-self: right;
  align-self: center;
  transition: all 1s ease-in-out;
}
body #header #logo #edd {
  font-family: "Signika";
  color: rgb(60, 60, 60);
}
body #header #menu {
  letter-spacing: 1px;
  text-align: center;
  width: 100%;
  transition: all 0.5s ease-in-out;
  justify-self: start;
  grid-area: menu;
  align-self: center;
}
body #header #menu a {
  font-family: "Asap";
  color: rgb(60, 60, 60);
  text-decoration: none;
  padding: 0 1% 0 1%;
}
body #header #menu a:hover {
  color: red;
}
body #header #menu #currentPage {
  color: #d76f14;
}
body #header .hamburger {
  align-self: center;
  justify-self: end;
  grid-area: hamb;
  display: none;
}
@media screen and (max-width: 768px) {
  body #header {
    position: fixed;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    grid-template-areas: "logo hamb";
    /* ANIMATION */
  }
  body #header #logo {
    grid-area: logo;
    justify-self: center;
  }
  body #header #menu {
    display: none;
  }
  body #header .hamburger {
    display: flex;
  }
  body #header .hamburger {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    cursor: pointer;
    transition: all 0.5s ease-in-out;
    /* border: 3px solid #fff; */
  }
  body #header .menu-btn__burger {
    width: 25px;
    height: 3px;
    background: gray;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(255, 101, 47, 0.2);
    transition: all 0.5s ease-in-out;
  }
  body #header .menu-btn__burger::before,
  body #header .menu-btn__burger::after {
    content: "";
    position: absolute;
    width: 25px;
    height: 3px;
    background: gray;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(255, 101, 47, 0.2);
    transition: all 0.5s ease-in-out;
  }
  body #header .menu-btn__burger::before {
    transform: translateY(-8px);
  }
  body #header .menu-btn__burger::after {
    transform: translateY(8px);
  }
  body #header .hamburger.open .menu-btn__burger {
    transform: translateX(-50px);
    background: transparent;
    box-shadow: none;
  }
  body #header .hamburger.open .menu-btn__burger::before {
    transform: rotate(45deg) translate(35px, -35px);
    background: white;
  }
  body #header .hamburger.open .menu-btn__burger::after {
    transform: rotate(-45deg) translate(35px, 35px);
    background: white;
  }
}
body #title {
  text-align: center;
  min-height: 20vh;
  position: relative;
  display: grid;
  align-content: end;
  font-size: 1.7em;
  letter-spacing: 3px;
  font-weight: 100;
}
body #title #text {
  transition: all 1.5s ease;
}
@media screen and (max-width: 768px) {
  body #title {
    height: 20vh;
  }
}
body #info {
  min-height: 10vh;
  text-align: center;
  color: rgb(75, 75, 75);
}
body #imgGrid2 {
  padding: 0 7% 5% 7%;
  margin-bottom: 15vh;
  font-family: "Asap";
  position: relative;
  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-rows: auto;
  grid-row-gap: 15px;
}
body #imgGrid2 #index1 {
  background-image: url("../assets/models/1-Gauche/KellyFinal8.jpg");
}
body #imgGrid2 #index2 {
  background-image: url("../assets/models/1-Droit/JoEb2500-4.jpg");
}
body #imgGrid2 #index3 {
  background-image: url("../assets/models/2-Gauche/Estel2500-12.jpg");
}
body #imgGrid2 #index4 {
  background-image: url("../assets/models/2-Droit/CrVar-Final32.jpg");
}
body #imgGrid2 #index5 {
  background-image: url("../assets/models/3-Gauche/AurelAlb5.jpg");
}
body #imgGrid2 #index6 {
  background-image: url("../assets/models/3-Droit/Zoe2500-10.jpg");
}
body #imgGrid2 #index7 {
  background-image: url("../assets/models/4-Gauche/GiftNet2500-7.jpg");
}
body #imgGrid2 #index8 {
  background-image: url("../assets/models/4-Droit/GeorgFin7.jpg");
}
body #imgGrid2 .tof {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 693px;
  height: 1038px;
  transform: scale(1);
}
body #imgGrid2 a {
  text-decoration: none;
  position: relative;
  overflow: hidden;
}
body #imgGrid2 a:hover figcaption {
  left: 0;
}
body #imgGrid2 figcaption {
  background-color: rgba(255, 255, 255, 0.783);
  text-align: center;
  min-width: 100%;
  color: black;
  position: absolute;
  font-size: 2.5em;
  top: 0px;
  left: -100%;
  z-index: 1;
  transition: ease-in-out all 0.2s;
}
@media screen and (max-width: 768px) {
  body #imgGrid2 {
    margin-bottom: 55vh;
    position: relative;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    padding: 0 3% 0 3%;
  }
  body #imgGrid2 img {
    justify-self: center;
    width: 100%;
    height: 80vh;
    transform: scale(1);
  }
}
body #imgGrid4 {
  padding: 0 7% 5% 7%;
  margin-bottom: 15vh;
  font-family: "Asap";
  text-align: center;
  position: relative;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
  justify-content: center;
}
body #imgGrid4 img {
  height: 100vh;
  width: 40vw;
  -o-object-fit: cover;
     object-fit: cover;
}
body #imgGrid3 {
  padding: 0 7% 5% 7%;
  text-align: center;
  margin-bottom: 15vh;
  font-family: "Asap";
  position: relative;
  display: grid;
  background-color: white;
  grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
  grid-auto-rows: 800px;
  grid-gap: 20px;
}
body #imgGrid3 .tof {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
}
@media screen and (max-width: 768px) {
  body #imgGrid3 {
    padding: 0;
    margin: 0;
    margin-bottom: 55vh;
    text-align: center;
  }
  body #imgGrid3 .tof {
    margin: 0;
    padding: 0;
    width: 101vw;
  }
}
body #imgGrid3 #index1 {
  background-image: url("../assets/models/1-Gauche/KellyFinal8.jpg");
}
@media screen and (max-width: 1700px) {
  body #imgGrid3 #index1 {
    background-position-y: 20%;
  }
}
body #imgGrid3 #index2 {
  background-image: url("../assets/models/1-Droit/JoEb2500-4.jpg");
}
@media screen and (max-width: 1700px) {
  body #imgGrid3 #index2 {
    background-position-y: 20%;
  }
}
body #imgGrid3 #index3 {
  background-image: url("../assets/models/2-Gauche/Estel2500-12.jpg");
  background-position-x: left;
}
body #imgGrid3 #index4 {
  background-image: url("../assets/models/2-Droit/CrVar-Final32.jpg");
}
body #imgGrid3 #index5 {
  background-image: url("../assets/models/3-Gauche/AurelAlb5.jpg");
}
@media screen and (max-width: 1700px) {
  body #imgGrid3 #index5 {
    background-position-y: 20%;
  }
}
body #imgGrid3 #index6 {
  background-image: url("../assets/models/3-Droit/Zoe2500-10.jpg");
}
body #imgGrid3 #index7 {
  background-image: url("../assets/models/4-Gauche/GiftNet2500-7.jpg");
}
@media screen and (max-width: 1700px) {
  body #imgGrid3 #index7 {
    background-position-y: 40%;
  }
}
body #imgGrid3 #index8 {
  background-image: url("../assets/models/4-Droit/GeorgFin7.jpg");
}
@media screen and (max-width: 1700px) {
  body #imgGrid3 #index8 {
    background-position-y: 20%;
  }
}
body #imgGrid3 #jo1 {
  background-image: url("../assets/models/1-Droit/Jordan/JoEb2500-1.jpg");
}
body #imgGrid3 #jo2 {
  background-image: url("../assets/models/1-Droit/Jordan/JoEb2500-2.jpg");
}
body #imgGrid3 #jo3 {
  background-image: url("../assets/models/1-Droit/Jordan/JoEb2500-3.jpg");
}
body #imgGrid3 #jo4 {
  background-image: url("../assets/models/1-Droit/Jordan/JoEb2500-4.jpg");
}
body #imgGrid3 #jo5 {
  background-image: url("../assets/models/1-Droit/Jordan/JoEb2500-5.jpg");
}
body #imgGrid3 #jo6 {
  background-image: url("../assets/models/1-Droit/Jordan/JoEb2500-6.jpg");
}
body #imgGrid3 #jo7 {
  background-image: url("../assets/models/1-Droit/Jordan/JoEb2500-7.jpg");
}
body #imgGrid3 #jo8 {
  background-image: url("../assets/models/1-Droit/Jordan/JoEb2500-8.jpg");
}
body #imgGrid3 #jo9 {
  background-image: url("../assets/models/1-Droit/Jordan/JoEb2500-9.jpg");
}
body #imgGrid3 #jo10 {
  background-image: url("../assets/models/1-Droit/Jordan/JoEb2500-10.jpg");
}
body #imgGrid3 #jo11 {
  background-image: url("../assets/models/1-Droit/Jordan/JoEb2500-11.jpg");
}
body #imgGrid3 #jo12 {
  background-image: url("../assets/models/1-Droit/Jordan/JoEb2500-12.jpg");
}
body #imgGrid3 #est1 {
  background-image: url("../assets/models/2-Gauche/Estelle//Estel2500-1.jpg");
}
body #imgGrid3 #est2 {
  background-image: url("../assets/models/2-Gauche/Estelle//Estel2500-3.jpg");
  background-position-x: left;
}
body #imgGrid3 #est3 {
  background-image: url("../assets/models/2-Gauche/Estelle//Estel2500-4.jpg");
  background-position-x: left;
}
body #imgGrid3 #est4 {
  background-image: url("../assets/models/2-Gauche/Estelle//Estel2500-5.jpg");
}
body #imgGrid3 #est5 {
  background-image: url("../assets/models/2-Gauche/Estelle//Estel2500-6.jpg");
}
body #imgGrid3 #est6 {
  background-image: url("../assets/models/2-Gauche/Estelle//Estel2500-7.jpg");
}
body #imgGrid3 #est7 {
  background-image: url("../assets/models/2-Gauche/Estelle//Estel2500-8.jpg");
}
body #imgGrid3 #est8 {
  background-image: url("../assets/models/2-Gauche/Estelle//Estel2500-9.jpg");
}
body #imgGrid3 #est9 {
  background-image: url("../assets/models/2-Gauche/Estelle//Estel2500-10.jpg");
}
body #imgGrid3 #est10 {
  background-image: url("../assets/models/2-Gauche/Estelle//Estel2500-11.jpg");
}
body #imgGrid3 #est11 {
  background-image: url("../assets/models/2-Gauche/Estelle//Estel2500-12.jpg");
  background-position-x: left;
}
body #imgGrid3 #est12 {
  background-image: url("../assets/models/2-Gauche/Estelle//Estel2500-13.jpg");
}
body #imgGrid3 #cri1 {
  background-image: url("../assets/models/2-Droit/Cristina/CrVar-Final1.jpg");
}
body #imgGrid3 #cri2 {
  background-image: url("../assets/models/2-Droit/Cristina/CrVar-Final3.jpg");
  background-position-x: right;
}
body #imgGrid3 #cri3 {
  background-image: url("../assets/models/2-Droit/Cristina/CrVar-Final4.jpg");
  background-position-x: right;
}
body #imgGrid3 #cri4 {
  background-image: url("../assets/models/2-Droit/Cristina/CrVar-Final4b.jpg");
}
body #imgGrid3 #cri5 {
  background-image: url("../assets/models/2-Droit/Cristina/CrVar-Final18.jpg");
}
body #imgGrid3 #cri6 {
  background-image: url("../assets/models/2-Droit/Cristina/CrVar-Final22.jpg");
  background-position-x: left;
}
body #imgGrid3 #cri7 {
  background-image: url("../assets/models/2-Droit/Cristina/CrVar-Final23.jpg");
}
body #imgGrid3 #cri8 {
  background-image: url("../assets/models/2-Droit/Cristina/CrVar-Final25.jpg");
  background-position-x: left;
}
body #imgGrid3 #cri9 {
  background-image: url("../assets/models/2-Droit/Cristina/CrVar-Final26.jpg");
}
body #imgGrid3 #cri10 {
  background-image: url("../assets/models/2-Droit/Cristina/CrVar-Final27.jpg");
}
body #imgGrid3 #cri11 {
  background-image: url("../assets/models/2-Droit/Cristina/CrVar-Final28.jpg");
}
body #imgGrid3 #cri12 {
  background-image: url("../assets/models/2-Droit/Cristina/CrVar-Final29.jpg");
}
body #imgGrid3 #cri13 {
  background-image: url("../assets/models/2-Droit/Cristina/CrVar-Final30.jpg");
}
body #imgGrid3 #cri14 {
  background-image: url("../assets/models/2-Droit/Cristina/CrVarFinal26.jpg");
}
body #imgGrid3 #cri15 {
  background-image: url("../assets/models/2-Droit/Cristina/CrVarFinal36.jpg");
}
body #imgGrid3 #cri16 {
  background-image: url("../assets/models/2-Droit/Cristina/CrVarFinal38.jpg");
}
body #imgGrid3 #cri17 {
  background-image: url("../assets/models/2-Droit/Cristina/CrVarFinal39.jpg");
}
body #imgGrid3 #cri18 {
  background-image: url("../assets/models/2-Droit/Cristina/CrVarFinal41.jpg");
}
body #imgGrid3 #cri19 {
  background-image: url("../assets/models/2-Droit/Cristina/CrVarFinal42.jpg");
}
body #imgGrid3 #cri20 {
  background-image: url("../assets/models/2-Droit/Cristina/CrVarFinal43.jpg");
}
body #imgGrid3 #aur1 {
  background-image: url("../assets/models/3-Gauche/Aurelie/AurelAlb1.jpg");
}
body #imgGrid3 #aur2 {
  background-image: url("../assets/models/3-Gauche/Aurelie/AurelAlb2.jpg");
}
body #imgGrid3 #aur3 {
  background-image: url("../assets/models/3-Gauche/Aurelie/AurelAlb3.jpg");
}
body #imgGrid3 #aur4 {
  background-image: url("../assets/models/3-Gauche/Aurelie/AurelAlb4.jpg");
}
body #imgGrid3 #aur5 {
  background-image: url("../assets/models/3-Gauche/Aurelie/AurelAlb5.jpg");
}
body #imgGrid3 #aur6 {
  background-image: url("../assets/models/3-Gauche/Aurelie/AurelAlb6.jpg");
  background-position-x: right;
}
body #imgGrid3 #aur7 {
  background-image: url("../assets/models/3-Gauche/Aurelie/AurelAlb7.jpg");
}
body #imgGrid3 #aur8 {
  background-image: url("../assets/models/3-Gauche/Aurelie/AurelAlb8.jpg");
  background-position-x: right;
}
body #imgGrid3 #aur9 {
  background-image: url("../assets/models/3-Gauche/Aurelie/AurelAlb9.jpg");
}
body #imgGrid3 #aur10 {
  background-image: url("../assets/models/3-Gauche/Aurelie/AurelAlb10.jpg");
}
body #imgGrid3 #aur11 {
  background-image: url("../assets/models/3-Gauche/Aurelie/AurelAlb11.jpg");
}
body #imgGrid3 #aur12 {
  background-image: url("../assets/models/3-Gauche/Aurelie/AurelAlb12.jpg");
  background-position-x: right;
}
body #imgGrid3 #aur13 {
  background-image: url("../assets/models/3-Gauche/Aurelie/AurelAlb9.jpg");
}
body #imgGrid3 #zoe1 {
  background-image: url("../assets/models/3-Droit/Zoe/Zoe2500-1.jpg");
}
body #imgGrid3 #zoe2 {
  background-image: url("../assets/models/3-Droit/Zoe/Zoe2500-2.jpg");
}
body #imgGrid3 #zoe3 {
  background-image: url("../assets/models/3-Droit/Zoe/Zoe2500-3.jpg");
}
body #imgGrid3 #zoe4 {
  background-image: url("../assets/models/3-Droit/Zoe/Zoe2500-4.jpg");
}
body #imgGrid3 #zoe5 {
  background-image: url("../assets/models/3-Droit/Zoe/Zoe2500-5.jpg");
}
body #imgGrid3 #zoe6 {
  background-image: url("../assets/models/3-Droit/Zoe/Zoe2500-6.jpg");
}
body #imgGrid3 #zoe7 {
  background-image: url("../assets/models/3-Droit/Zoe/Zoe2500-7.jpg");
}
body #imgGrid3 #zoe8 {
  background-image: url("../assets/models/3-Droit/Zoe/Zoe2500-8.jpg");
}
body #imgGrid3 #zoe9 {
  background-image: url("../assets/models/3-Droit/Zoe/Zoe2500-9.jpg");
}
body #imgGrid3 #zoe10 {
  background-image: url("../assets/models/3-Droit/Zoe/Zoe2500-10.jpg");
}
body #imgGrid3 #zoe11 {
  background-image: url("../assets/models/3-Droit/Zoe/Zoe2500-11.jpg");
}
body #imgGrid3 #zoe12 {
  background-image: url("../assets/models/3-Droit/Zoe/Zoe2500-12.jpg");
}
body #imgGrid3 #zoe13 {
  background-image: url("../assets/models/3-Droit/Zoe/Zoe2500-13.jpg");
}
body #imgGrid3 #zoe14 {
  background-image: url("../assets/models/3-Droit/Zoe/Zoe2500-14.jpg");
}
body #imgGrid3 #zoe15 {
  background-image: url("../assets/models/3-Droit/Zoe/Zoe2500-15.jpg");
}
body #imgGrid3 #gif1 {
  background-image: url("../assets/models/4-Gauche/Gift/GiftNet2500-1.jpg");
}
body #imgGrid3 #gif2 {
  background-image: url("../assets/models/4-Gauche/Gift/GiftNet2500-2.jpg");
}
body #imgGrid3 #gif3 {
  background-image: url("../assets/models/4-Gauche/Gift/GiftNet2500-3.jpg");
}
body #imgGrid3 #gif4 {
  background-image: url("../assets/models/4-Gauche/Gift/GiftNet2500-4.jpg");
  background-position-x: left;
}
body #imgGrid3 #gif5 {
  background-image: url("../assets/models/4-Gauche/Gift/GiftNet2500-5.jpg");
}
body #imgGrid3 #gif6 {
  background-image: url("../assets/models/4-Gauche/Gift/GiftNet2500-6.jpg");
}
body #imgGrid3 #gif7 {
  background-image: url("../assets/models/4-Gauche/Gift/GiftNet2500-7.jpg");
}
body #imgGrid3 #gif8 {
  background-image: url("../assets/models/4-Gauche/Gift/GiftNet2500-8.jpg");
}
body #imgGrid3 #gif9 {
  background-image: url("../assets/models/4-Gauche/Gift/GiftNet2500-9.jpg");
}
body #imgGrid3 #gif10 {
  background-image: url("../assets/models/4-Gauche/Gift/GiftNet2500-10.jpg");
  background-position-x: left;
}
body #imgGrid3 #gif11 {
  background-image: url("../assets/models/4-Gauche/Gift/GiftNet2500-11.jpg");
}
body #imgGrid3 #gif12 {
  background-image: url("../assets/models/4-Gauche/Gift/GiftNet2500-12.jpg");
}
body #imgGrid3 #gif13 {
  background-image: url("../assets/models/4-Gauche/Gift/GiftNet2500-13.jpg");
}
body #imgGrid3 #gif14 {
  background-image: url("../assets/models/4-Gauche/Gift/GiftNet2500-14.jpg");
}
body #imgGrid3 #geo1 {
  background-image: url("../assets/models/4-Droit/Georgia/GeorgFin1.jpg");
}
body #imgGrid3 #geo2 {
  background-image: url("../assets/models/4-Droit/Georgia/GeorgFin2.jpg");
}
body #imgGrid3 #geo3 {
  background-image: url("../assets/models/4-Droit/Georgia/GeorgFin3.jpg");
}
body #imgGrid3 #geo4 {
  background-image: url("../assets/models/4-Droit/Georgia/GeorgFin4.jpg");
}
body #imgGrid3 #geo5 {
  background-image: url("../assets/models/4-Droit/Georgia/GeorgFin5.jpg");
}
body #imgGrid3 #geo6 {
  background-image: url("../assets/models/4-Droit/Georgia/GeorgFin6.jpg");
}
body #imgGrid3 #geo7 {
  background-image: url("../assets/models/4-Droit/Georgia/GeorgFin7.jpg");
}
body #imgGrid3 #geo8 {
  background-image: url("../assets/models/4-Droit/Georgia/GeorgFin8.jpg");
}
body #imgGrid3 #geo9 {
  background-image: url("../assets/models/4-Droit/Georgia/GeorgFin9.jpg");
}
body #imgGrid3 #geo10 {
  background-image: url("../assets/models/4-Droit/Georgia/GeorgFin10.jpg");
}
body #imgGrid3 #geo11 {
  background-image: url("../assets/models/4-Droit/Georgia/GeorgFin11.jpg");
}
body #imgGrid3 #geo12 {
  background-image: url("../assets/models/4-Droit/Georgia/GeorgFin12.jpg");
}
body #ee {
  text-align: center;
  padding: 0% 8% 0 8%;
  margin-bottom: 15vh;
  background-color: white;
}
body #ee #eetof {
  height: 800px;
  width: 50vw;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 768px) {
  body #ee {
    margin-bottom: 50vh;
  }
  body #ee #eetof {
    height: 500px;
    width: 70vw;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
body #images {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  overflow: hidden;
  margin-bottom: 20vh;
  background-color: white;
}
body #images img {
  justify-self: center;
  padding-bottom: 3vh;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  width: 50%;
}
body #images .full {
  width: 100%;
}
@media screen and (max-width: 500px) {
  body #images {
    padding: 0;
    margin-bottom: 15vh;
  }
  body #images img {
    justify-self: center;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100vw;
  }
}
body #eeFoot {
  overflow: hidden;
  min-height: 5vh;
  background-color: rgb(23, 23, 23);
  display: grid;
  font-weight: 100;
  grid-template-columns: 33% 33% 33%;
  grid-template-rows: auto;
  grid-template-areas: "follow credit jonrod";
  color: white;
  position: fixed;
  bottom: 0;
  min-width: 100vw;
  z-index: -1;
  font-family: "Asap";
}
body #eeFoot #follow {
  grid-area: follow;
  justify-self: center;
  align-self: center;
  text-align: center;
}
body #eeFoot #follow img {
  height: 45px;
  transition: all 0.3s;
}
body #eeFoot #credit {
  color: white;
  grid-area: credit;
  justify-self: center;
  align-self: center;
  text-align: center;
}
body #eeFoot #jon {
  grid-area: jonrod;
  font-family: "Asap";
  font-size: 0.8em;
  justify-self: flex-end;
  align-self: end;
  text-align: end;
}
body #eeFoot #jon a {
  color: white;
  text-decoration: none;
}
@media screen and (max-width: 500px) {
  body #eeFoot {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr 1fr;
    grid-template-areas: "follow" "credit" "jonrod";
  }
  body #eeFoot #follow {
    grid-area: follow;
  }
  body #eeFoot #credit {
    grid-area: credit;
  }
  body #eeFoot #jon {
    justify-self: center;
    grid-area: jonrod;
  }
}
body #eeForm {
  position: relative;
  text-align: center;
  display: grid;
  justify-content: center;
  background-color: white;
  margin-bottom: 25vh;
  overflow: auto;
}
body #eeForm form {
  text-align: left;
  width: 45vw;
  justify-content: start;
  padding: 0 20px 0 20px;
  display: grid;
  grid-template-columns: 50% 50%;
  grid-auto-rows: auto;
  grid-template-areas: "nametitle nametitle" "first last" "email email" "sub sub" "message message";
}
body #eeForm form #nameTitle {
  grid-area: nametitle;
}
body #eeForm form #formName {
  grid-area: first;
  display: grid;
  padding: 0 5px 0 0;
}
body #eeForm form #formLast {
  grid-area: last;
  display: grid;
  padding: 0 0 0 5px;
}
body #eeForm form #formEmail {
  display: grid;
  margin-top: 20px;
  grid-area: email;
}
body #eeForm form #formSub {
  display: grid;
  margin-top: 20px;
  grid-area: sub;
}
body #eeForm form #formText {
  display: grid;
  margin-top: 20px;
  grid-area: message;
}
body #eeForm form #formText textarea {
  height: 100px;
  border-width: 1px;
  border-color: rgb(211, 210, 210);
  background-color: #fafafa;
}
body #eeForm form input {
  height: 30px;
  background-color: #fafafa;
  border-width: 0.5px;
}
body #eeForm form legend {
  color: #db8020;
  font-size: 1.1em;
  margin-bottom: 10px;
}
body #eeForm form label {
  color: #db8020;
  font-size: 0.8em;
  margin-top: 3px;
}
body #eeForm form button {
  margin-top: 20px;
  height: 50px;
  width: 150px;
  background-color: rgb(23, 23, 23);
  color: white;
  font-family: "Signika";
  font-size: 1em;
  font-weight: 300;
}
body #eeForm form .formerr {
  color: white;
  font-size: 1em;
  background-color: rgb(177, 2, 2);
  width: 50%;
  display: none;
}
@media screen and (max-width: 500px) {
  body #eeForm {
    justify-content: left;
    margin-bottom: 10vh;
  }
  body #eeForm form {
    width: 90vw;
  }
}/*# sourceMappingURL=main.css.map */