.fullpage { margin-bottom: 10vh; margin-top: -3vh; padding-top: 3vh; @include beige_gradient(); position: relative; > h2 { @include main_title(); margin-top: 5vh; margin-bottom: 7vh; background-color: $beige; z-index: 1; position: relative; width: auto; display: inline-block; @media (min-width: $breakpoint_tablet) { background-color: unset; } } .legende { display: block !important; font-size: 0.8rem; color: $dark_green; } .fullpage_content { > h2 { @include main_title(); margin-top: 5vh; margin-bottom: 1rem; background-color: $beige; z-index: 1; position: relative; width: auto; display: inline-block; @media (min-width: $breakpoint_tablet) { background-color: unset; } } .sous_titre { @include main_text_content(); font-size: $l_font_size; padding: 0 $x_margin; } p { @include main_text_content(); padding: 0 $x_margin; margin-bottom: 2rem; } p:first-of-type { margin-top: 7vh; } .liens_fixed > div > div, .file_fixed > div > div { padding: 0 calc($x_margin / 2); text-align: right; margin: 2rem 0; @include fluo_button(); a { display: inline-block; } @media (min-width: $breakpoint_desktop) { margin-bottom: 0 !important; margin: 0; position: fixed; left: 75vw; bottom: 10vh; > div { height: 3vh; } a { max-width: calc(25vw - $x_margin * 2); } } } .file_fixed span:last-of-type { display: none; } h3, h4, h5, h6 { @include sous_titre(); margin-bottom: 1rem; padding-left: $x_margin; } } .views-row { margin-bottom: 8vh; } @media (min-width: $breakpoint_tablet) { margin-top: 12vh; padding-top: 0; width: 75vw; margin-left: 12.5vw; } @media (min-width: $breakpoint_desktop) { width: 50%; margin-left: 25%; } }