#start{ div:nth-child(n+3){ display: flex; &:nth-child(even){ flex-direction: row-reverse; } & > div{ width: 50%; height: 100vh; overflow: auto; &:first-child{ display: flex; background-image: linear-gradient(#98272D, #4f100B); .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; height: 100vh; .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; } } } } }