anissah/user/themes/anissabensalah/scss/theme/section.scss

#start{
  & > div{
    height: 100vh;
  }
  div:nth-child(n+3){
    display: flex;
    &:nth-child(even){
      flex-direction: row-reverse;
    }
    & > div{
      width: 50%;
      overflow: auto;
      &:first-child{
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        background-image: linear-gradient(#98272D, #4f100B);
        .citation{
          text-align: center;
          position: absolute;
          top: 20%;
          width: 450px;
          left: 50%;
          margin-left: -225px;
        }
        .chap{
          margin: auto;
          text-align: center;
          .reso{
            justify-content: center;
            flex-direction: row;
            margin-top: 10px;
              a:nth-of-type(1){
                margin-right: 5px
              }
              a:nth-of-type(2){
                margin-left: 5px;
              }
            }
          }
        }
      }
    }

  .content{
    p{
      text-align: center;
      margin-bottom: 15px;
    }
  }
  .grav-youtube{
    margin: 0;
  }

  #home{
    display: flex;
    .visu-album{
      position: absolute;
    }
    .title{
        // z-index: 998;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
      h1{
        width: 100vw;
        margin: auto;
        text-transform: uppercase;
        text-align: center;
      }
      p{
        position: absolute;
        text-align: center;
        width: 500px;
        left: 50%;
        margin-left: -250px;
        top: 77%;
        img{
          vertical-align: middle;
          margin-top: 8px;
          &:nth-of-type(1){
            width: 20px;
            margin-right: 5px;
          }
        }
        a{
          &:last-child{
            img{
              width: 28px;
            }
          }
        }
      }
      .reso{
        margin: -20px auto 0 auto;
        a:nth-of-type(1){
          margin-right: 5px
        }
        a:nth-of-type(2){
          margin-left: 5px;
        }
      }
    }
  }
  #biographie, #prochaines_dates{
    .content{
      padding: 100px;
      p:last-child{
        margin-bottom: 100px;
      }
    }
  }

#photographie{
  p{
    margin: 0;
  }
}
  #presse{

    #sovaj, #matriz{
      display: flex;
      flex-flow: wrap;
      justify-content: center;
      margin-bottom: 100px;
      p{
        font-size: $font14!important;
        line-height: 1.2rem;
      }
      p:nth-of-type(1){
        padding: 0 50px;
        margin-top: 100px;
      }
      p{
        &:not(:nth-of-type(1)){
          width: 50%;
          height: auto;
          img{
            width: 20%;
            height: auto;
            margin: 20px 0;
          }
        }
      }
    }
  }

  #contact{
    background-image: linear-gradient(#98272D, #4f100B);
    display: flex;
    width: 100%;
    height: 100vh;
    #Contact{
      flex-direction: column;
      background-image: none;
      height: auto!important;
      margin: auto;
      p{
        text-align: center;
        margin: 0 auto;
        line-height: 1.5rem;
        strong{
          line-height: 3rem;
        }
      }
  }
}
}