.my-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  justify-items: center;
  grid-gap: 10px;
}
@media screen and (min-width: 320px) {
  .my-grid {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  .my-grid {
    display: block;
  }
}
@media screen and (min-width: 1440px) {
  .my-grid {
    display: grid;
  }
}
@media screen and (min-width: 2560px) {
  .my-grid {
    display: grid;
  }
}
.my-grid .information {
  margin-left: 1vh;
  margin-right: 1vh;
}
.my-grid .presentation {
  grid-column: 1;
  grid-row: 1/5;
  width: 100%;
  background-color: #333333;
  color: #d9d9d9;
}
.my-grid .presentation nav {
  background-color: transparent;
  background: rgba(0, 0, 0, 0.7);
}
.my-grid .presentation nav ul li a:hover {
  background: rgba(245, 245, 245, 0.4);
}
.my-grid .presentation ul.sidenav {
  width: auto;
  height: auto;
  padding-bottom: 1vh;
}
.my-grid .presentation i.medium {
  color: #d9d9d9;
}
.my-grid .presentation .profil_image {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-top: 10%;
}
.my-grid .presentation .profil_image img {
  max-width: 35%;
}
.my-grid .presentation .contact {
  margin-top: 2em;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-content: center;
  line-height: 0;
}
.my-grid .profil_info {
  margin-top: 10%;
}
@media screen and (min-width: 320px) {
  .my-grid .profil_info .collection {
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 768px) {
  .my-grid .profil_info .collection {
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 1440px) {
  .my-grid .profil_info .collection {
    margin-left: 6%;
    margin-right: 6%;
  }
}
@media screen and (min-width: 2560px) {
  .my-grid .profil_info .collection {
    margin-left: 6%;
    margin-right: 6%;
  }
}
.my-grid .profil_info .collection p {
  font-size: large;
}
.my-grid .profil_info .collection .collection-item {
  background-color: transparent;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  align-items: center;
  padding: 5px 5px;
}
.my-grid .profil_info .collection .collection-item i.material-icons.location {
  position: absolute;
  margin-left: 5%;
}
@media screen and (min-width: 320px) {
  .my-grid .profil_info .collection .collection-item i.material-icons.location {
    font-size: large;
  }
}
@media screen and (min-width: 768px) {
  .my-grid .profil_info .collection .collection-item i.material-icons.location {
    font-size: x-large;
  }
}
@media screen and (min-width: 1440px) {
  .my-grid .profil_info .collection .collection-item i.material-icons.location {
    font-size: xx-large;
  }
}
@media screen and (min-width: 2560px) {
  .my-grid .profil_info .collection .collection-item i.material-icons.location {
    font-size: xx-large;
  }
}
.my-grid .profil_info .collection .collection-item i.material-icons.cont {
  margin-left: 20%;
}
@media screen and (min-width: 320px) {
  .my-grid .profil_info .collection .collection-item i.material-icons.cont {
    font-size: large;
  }
}
@media screen and (min-width: 768px) {
  .my-grid .profil_info .collection .collection-item i.material-icons.cont {
    font-size: x-large;
  }
}
@media screen and (min-width: 1440px) {
  .my-grid .profil_info .collection .collection-item i.material-icons.cont {
    font-size: xx-large;
  }
}
@media screen and (min-width: 2560px) {
  .my-grid .profil_info .collection .collection-item i.material-icons.cont {
    font-size: xx-large;
  }
}
.my-grid .profil_info .collection .collection-item p.text1 {
  grid-column: 2/5;
  grid-row: 1;
}
.my-grid .profil_info .collection .collection-item p.text2 {
  grid-column: 2/5;
  grid-row: 2;
}
.my-grid .profil_info .extra {
  margin-left: 6%;
}
.my-grid .information {
  grid-column: 2/4;
  grid-row: 1/3;
}
.my-grid .experience .row .carousel {
  top: -2rem;
}
.my-grid .hobbies .hobbies-image {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-right: 3%;
}
.my-grid .hobbies .hobbies-image .style-image {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.my-grid .hobbies .hobbies-image .style-image img {
  filter: brightness(50%);
}
.my-grid .hobbies .hobbies-image .style-image p {
  position: absolute;
  color: beige;
  text-align: center;
}
.my-grid .cv.dwnld {
  grid-column: 1;
  grid-row: 2/4;
  max-height: 20rem;
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-end;
}
.my-grid .cv.dwnld .btn {
  background-color: #ff4500;
  border-radius: 6px;
  font-size: larger;
}/*# sourceMappingURL=cv.css.map */