body {
    font-family: "Manrope", sans-serif;
}

body,
html {
    height: 100%;
    color: black;
    line-height: 1, 8;
}
.h1{
    height: 100%;
    color: white;
    line-height: 1, 8;
    
}
/* Create a Parallax Effect */
.bgimg-1,
.bgimg-2,
.bgimg-3 {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Image d'arrière-plan en tête de site */
.bgimg-1 {
    background-image: url("/images/Dnx-parallax-1-1500x1000-3.jpg");
    min-height: 100%;
}

/* Deuxième image d'arrière-plan image (Portfolio) */
.bgimg-2 {
    background-image: url("/images/Dnx-parallax-2-1500x1000-2.jpg");
    min-height: 400px;
}

/* Troisième image d'arrière-plan (Contact) */
.bgimg-3 {
    background-image: url("/images/Dnx-parallax-3-1500x1000.jpg");
    min-height: 400px;
}

.dnximg{
    width: 100%;
    height :auto
}

.imganim{
     width: auto;
  height:auto;
  background: ;
  position: relative;
  animation: mymove 3s infinite;
  animation-timing-function: ease-in-out;
}

@keyframes mymove {
  from {left: 0px;}
  to {left: 300px;}
}

}

.w3-wide {
    letter-spacing: 30px;
}

.w3-hover-opacity {
    cursor: pointer;
}

.p1 {
    word-spacing: 40px;
}
.p2 {
     min-height: 10em;
    display: table-cell;
    vertical-align: middle
}

.responsive {
    width: 100%;
    height: auto;
}

/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1024px) {

    .bgimg-1,
    .bgimg-2,
    .bgimg-3 {
        background-attachment: scroll;
    }
}

@media only screen and (min-width: 970px) {
    #myNavbar {
        font-size: 1.3em;
    }
}

@media only screen and (min-width: 1420px) {
    #myNavbar {
        font-size: 1.6em;
        background-color: #fff;
    }
}
/* Responsive texte */
@media screen and (min-width: 601px) {
  div. {
    font-size: 80px;
  }
}

@media screen and (max-width: 600px) {
  div.{
    font-size: 30px;
  }
}