html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: top;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.showButton {
    display: none;
}

img {
    max-width: 100%;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}


/* CSS Element Setup YMarketing*/


/* TimberWood Below */

/* Index Page */


/* Bottom Section */

.smallTitle {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.2em;
}

.uppercaseText {
    text-transform: uppercase;
}

.smallTitle p {
    padding: 10px 0 15px 0;
}

.paddingTop7Percent {
    padding-top: 7%;
}

.backgroundBrown {
    background-color: rgb(90, 58, 22);
}

.whiteColorText {
    color: white !important;
}

.height100pc {
    height: 100%;
}

.indexStyling1 {
    padding: 0 2.5%;
    flex: 0 0 45%;
}

.padding12px {
    padding: 12px;
}


.positionRelative {
    position: relative;
}

.woodServiceIndex {
    text-align: center;
    padding-top: 7%;
    padding-bottom: 1%;
    font-size: 3vw;
    font-weight: 600;
}

.marginAuto {
    margin: auto;
}

/* Nav styling*/

.noWrapText {
    white-space: nowrap;
}

/* Icon styling */

.iconTop {
    font-size: 24px !important;
    line-height: .4 !important;
}

/* button styling */

button {
    display: inline-block;
    /*border: #cac8c8;*/

    padding: 1rem 2rem;
    margin: 0;
    text-decoration: none;
    background: rgb(90, 58, 22);
    color: #ffffff;
    font-family: sans-serif;
    font-size: 1rem;
    cursor: pointer;
    text-align: center;
    transition: background 250ms ease-in-out,
    transform 150ms ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    border-style: solid;
    border-width: 4px;
    border-color: rgb(90, 58, 22);
    font-display: swap;
}



.h4Styling {
    font-size: 1.5em;
    font-weight: 500;
}

.slide-in-left {
    -webkit-animation: slide-in-left 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 1s both;
    animation: slide-in-left 0.5s cubic-bezier(0.215, 0.610, 0.355, 1.000) 1s both;
}

/* ----------------------------------------------
 * Generated by Animista on 2020-9-9 14:50:7
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info.
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation slide-in-left
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-left {
    0% {
        -webkit-transform: translateX(-1000px);
        transform: translateX(-1000px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slide-in-left {
    0% {
        -webkit-transform: translateX(-1000px);
        transform: translateX(-1000px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}


button:hover {
    color: rgb(90, 58, 22);
    background: white;
    transition: .5s;
    border-style: solid;
    border-width: 4px;
}


button:focus {
    outline: 1px solid #fff;
    outline-offset: -4px;
    background: rgb(255, 248, 248);
    color: rgb(90, 58, 22);
    transition: .3s;
}

button:active {
    /*transform: scale(0.99);*/
}

.width100 {
    width: 100%;
}

.textAlignCenter {
    text-align: center;
}

.textAlignLeft {
    text-align: left;
}

.containerBackground {
    padding: 24px;
    background-color: rgba(90, 58, 22, .4);
    width: 40%;
}

.container {
    padding: 1em;
    position: relative;
    text-align: center;
    color: white;
    width: 100%;
}

.container2 {
    padding: 1em;
    position: relative;
    text-align: center;
    color: white;
}

.centered {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.marginLeftRightAuto {
    margin-left: auto;
    margin-right: auto;
}

.containerImageGallery {
    flex: 0 0 100%;
}

.portrait {
    height: 580px;
    width: 530px;
}

.landscape {
    height: 30px;
    width: 80px;
}

.square {
    height: 75px;
    width: 75px;
}


.contour {
    line-height: 3;
    padding: 2em;
}

.contour a {
    font-size: .9em !important;
    border: 2px solid rgb(90, 58, 22);
    background-color: rgba(90, 58, 22, .2);
    padding: .6em;
    transition: .8s;
    font-weight: 600;
    text-transform: uppercase;
}

.contour a:hover {
    color: white !important;
    background-color: rgb(90, 58, 22);
    transition: .8s;
}


.topLeftAboveNav {
    text-align: left;
    display: flex;
    position: absolute;
    top: 30px;
}

.bottomRightAboveNav {
    text-align: left;
    display: flex;
    position: absolute;
    bottom: 30px;
    top: 45px;
}

.bottomLeftAboveNav {
    text-align: left;
    display: flex;
    position: absolute;
    bottom: 30px;
}

/*TimberWood Above */

body {
    font-family: 'Roboto', sans-serif;
    font-display: swap;
    overflow-x: hidden;
    color: rgb(90, 58, 22);
}

h3 {
}

h6 {
}

h7 {
}

.h7class {
    font-size: 1.6em;
    font-weight: 600;
    color: #3c3939;
    text-align: left;
}

.h8class {
}

.displayCenterContact div {
    padding-right: 1em;
}

.divFormulaire label {
    line-height: 2.4;
    padding-right: 1em;
}

img.top {
    padding-top: 110px;
}

header.bg {
    background: white;
    width: -webkit-fill-available;
    width: -moz-available;
    width: fill-available;
    height: 110px;
    position: absolute;
    margin-right: 6%;
}

footer.bg {
    width: -webkit-fill-available;
    width: -moz-available;
    width: fill-available;
    position: absolute;
    margin-right: 6%;
}

p {
    line-height: 1.4;
}

img {
    width: 100%;
}

/* Main page white background*/

main {
    background-color: white;
    flex: 0 0 100%;
    height: 100%;
    display: flex;
    min-height: 1000px;
    -webkit-box-shadow: 0px 2px 23px -10px rgba(0, 0, 0, 1);
    -moz-box-shadow: 0px 2px 23px -10px rgba(0, 0, 0, 1);
    box-shadow: 0px 2px 23px -10px rgba(0, 0, 0, 1);
}


.YMarketing a {
    color:white;
    transition: 1s;
}

.YMarketing a:hover {
    color:  rgb(90, 58, 22);
    transition: 1s;
}

.spaceCenter {
    justify-content: center;
}

.spaceBetween {
    justify-content: space-between;
}

.spaceTop {
    padding-top: 1.25rem;
}

.height36rem {
    height: 36rem;
}

.backgroundGray {
    background: rgb(243, 239, 239);
}

.padding2em {
    padding: 2em;
}

.paddingTop115px {
    padding-top: 115px;
}

.paddingBottom1em {
    padding-bottom: 1em;
}

.paddingBottom2em {
    padding-bottom: 2em;
}

.paddingLeft4c {
    padding-left: 4%
}

.paddingLeft7c {
    padding-left: 7.7%;
}

.paddingLeft8c {
    padding-left: 8%;
}

.paddingLeft7pc {
    padding-left: 7%;
}

.paddingLeft16c {
    padding-left: 16%
}

.paddingRight1em {
    padding-right: 1em;
}

.marginAutoLR {
    margin-left: auto;
    margin-right: auto;
}

.marginNegative7em {
    margin-top: -7em;
}


.pageBalayeuseHeight2 {
    min-height: 355px;
}

.footerSectionSize {
    height: 295px;
    width: 100%;
}

/* Hover for Nav */

.hoverNav {
    position: relative;
    z-index: 1;
    cursor: pointer;
    display: block;
    padding: 15px;
    text-decoration: none;
    color: #3c3939;
}

.hoverNav:hover:after {
    opacity: 1;
    visibility: visible;
    height: 100%;
}

.hoverNavDropDown {
    color: white;
}

/* border top line on page-baleyeuse */



.flexbox_balayage1 {
    flex: 0 0 100%;
}

.flexbox_Full {
    flex: 0 0 100%;
}

.flexbox_balayage16pc {
    flex: 0 0 16%
}

.flexbox_index1 {
    flex: 0 0 100%;
}

.flexbox_Girobroyeur {
    flex: 0 0 100%;
}

.flexbox_index2 {
    flex: 0 0 100%;
}

.flexbox_index3 {
    flex: 0 0 100%;
}

.flexbox_index4 {
    flex: 0 0 100%;
}

.flexbox_Eighty {
    flex: 0 0 80%;
}

.flexbox_75 {
    flex: 0 0 75%;
}

.flexbox_70 {
    flex: 0 0 70%;
}

.flexbox_half {
    flex: 0 0 50%;
}

.flexbox_FortyFive {
    flex: 0 0 45%;
}

.flexbox_ThirtyFive {
    flex: 0 0 35%;
}

.flexbox_Twenty {
    flex: 0 0 20%;
}

.flexbox_19 {
    flex: 0 0 19%;
}

.flexbox_Twenty_five {
    flex: 0 0 25%;
}

.flexbox_bottom1 {
    flex: 0 0 25%;
}

.flexWrap {
    flex-wrap: wrap;
}


.width80 {
    width: 80%;
}

.maxWidth1700 {
    max-width: 1700px;
}

.maxWidth400 {
    max-height: 400px;
}

.titleBold {
    font-weight: bold;
}

.padding1em {
    padding: 1em;
}


.paddingTop1em {
    padding-top: 1em;
}

.paddingTop2em {
    padding-top: 2em;
}

.paddingTop4em {
    padding-top: 4em;
}

.displayFlex {
    display: flex;
}

/* body background color*/



/* Main image background */


/* Drop down */

.dropdown {
    position: relative;
    display: inline-block;
}

/* List styles across pages */

.newListStyle {
    list-style: none;
    line-height: 2;
}

/*.newListStyle li:hover { content: "\25AA"; color: red;}*/
.newListStyle1 {
    list-style: none;
    line-height: 1.3;
}


.newListStyle2 {
    list-style: none;
    line-height: 1.6;
}

.newListStyle2 li::before {
    content: "\25AA";
    color: red;
}

.dropdown-content {
    color: white;
    display: none;
    position: absolute;
    background-color: #3c3939;
    min-width: 210px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    padding: 12px 16px;
    z-index: 1;
}

.dropdown:hover .dropdown-content {
    display: block;
}

/* Mobile */

/* Menu Cheeseburger CSS Google +1 PageSpeed*/

#menuToggle {
    display: block;
    position: absolute;
    top: 60px;
    right: 33px;
    z-index: 5001;
    -webkit-user-select: none;
    user-select: none;
}

#menuToggle input {
    display: block;
    width: 40px;
    height: 32px;
    position: absolute;
    top: -7px;
    left: -5px;
    cursor: pointer;
    opacity: 0;
    z-index: 5002;
    -webkit-touch-callout: none;
}

/*
 * Just a quick hamburger
 */
#menuToggle span {

    display: block;
    width: 33px;
    height: 4px;
    margin-bottom: 5px;
    position: relative;

    background: white;
    border-radius: 3px;

    z-index: 5001;

    transform-origin: 4px 0px;

    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
    background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0),
    opacity 0.55s ease;

}


.Menu_Hamburger_Color span {
    background: #fff !important;
}


#menuToggle span:first-child {
    transform-origin: 0% 0%;
}

#menuToggle span:nth-last-child(2) {
    transform-origin: 0% 100%;
}

/*
 * Transform all the slices of hamburger
 * into a crossmark.
 */
#menuToggle input:checked ~ span {
    opacity: 1;
    transform: rotate(45deg) translate(-2px, -1px);
    background: white !important;
}

/*
 * But let's hide the middle one.
 */
#menuToggle input:checked ~ span:nth-last-child(3) {
    opacity: 0;
    transform: rotate(0deg) scale(0.2, 0.2);
}

#menuToggle input:checked ~ span:nth-last-child(2) {
    opacity: 1;
    transform: rotate(-45deg) translate(0, -1px);
    background: white !important;
}

/*
 * Make this absolute positioned
 * at the top left of the screen
 */
#menu {
    display: none;
    position: absolute;
    width: 49vw;
    margin: -100px 0px 0 0;
    padding: 50px;
    padding-top: 125px;
    right: -30px;
    color: white;
    background: rgb(90, 58, 22, .95);
    /*background-image: url('/images/dorval-timber-wood-index-slider-4.jpg');*/
    list-style-type: none;
    -webkit-font-smoothing: antialiased;
    transform-origin: 0% 0%;
    transform: translate(100%, 0);
    transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1.0);
    transform: scale(1.0, 1.0);


    /*background: linear-gradient(transparent 10%, var(--color-v) 85%),*/
    /*linear-gradient(to right, var(--color), var(--color)),*/
    /*var(--image2);*/
    background-position: center center;
    background-size: cover;
    background-blend-mode: var(--blend-top, normal),
    var(--blend-bottom, saturation),
    normal;

    --image: url(https://images.unsplash.com/photo-1519522800923-7999b95cb3c6?ixlib=rb-0.3.5&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=400&fit=max&ixid=eyJhcHBfaWQiOjE0NTg5fQ&s=81c09a0eae279992234d18e52c8857fa);
    --image2: url('/images/dorval-timber-wood-index-slider-4.jpg');

    --color-v: rgba(212, 212, 212, 0.91);
    --color: grey;
/ / hsla(343, 100 %, 50 %, .5);

    flex: 1;

}

#menu a:visited {
    cursor: pointer;
    color: black;
}

#menu a {
    cursor: pointer;
    color: black;
}

#menu li {
    text-align: left;
    padding: 20px 0;
    font-size: 22px;
    color: white;
}

/*
 * And let's fade it in from the left
 */

#menuToggle ul {
    transform: translateX(0px);
    opacity: 0;
}

#menuToggle input:checked ~ ul {
    display: block;
    transform: scale(1.0, 1.0);
    -webkit-animation-name: fadeIn;
    -webkit-animation-duration: 0.5s;
    animation-name: fadeIn;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
    animation-fill-mode: forwards;

}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }
    20% {
        opacity: 0;
    }
    40% {
        opacity: 0.3;
    }
    60% {
        opacity: 0.5;
    }
    80% {
        opacity: 0.9;
    }
    100% {
        opacity: 1;
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }
    20% {
        opacity: 0;
    }
    40% {
        opacity: 0.3;
    }
    60% {
        opacity: 0.5;
    }
    80% {
        opacity: 0.9;
    }
    100% {
        opacity: 1;
    }
}

.secondImageFlexPageBalayeuse {
    flex: 0 0 auto;
    margin-left: 2em;
    margin-right: 2em;
}

.thirdImageFlexContainer {
    flex: 0 0 45%;
    padding: 12px;
}

/*Top Nav */
.Topleft {
    text-align: left;
    position: absolute;
    display: inline;
    left: 2%;
    top: 20px;
}

.Topright {
    text-align: left;
    display: flex;
    position: absolute;
    top: 0px;
    right: -1%;
}


/*Bottom Nav*/

.bottomLeft {
    text-align: left;
    position: absolute;
    display: inline;
    left: 2%;
    bottom: 45px;
}

.bottomRight {
    text-align: left;
    display: flex;
    position: absolute;
    bottom: 45px;
    right: 0%;
}

.bottomRightAbove {
    text-align: left;
    display: flex;
    position: absolute;
    font-weight: 500;
    bottom: 95px;
    right: 0%;
}


.bottomBelowNav {
    position: relative;
    top: 90px;
    color: white;
    font-size: .7em;
}

/* Animation */

.slide-in-left {
    -webkit-animation: slide-in-left 1s ease-out both;
    animation: slide-in-left 1s ease-out both;
}

.slide-in-left2 {
    -webkit-animation: slide-in-left 1.5s ease-out both;
    animation: slide-in-left 1.5s ease-out both;
}

@-webkit-keyframes slide-in-left {
    0% {
        -webkit-transform: translateX(-1100px);
        transform: translateX(-1100px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

@keyframes slide-in-left {
    0% {
        -webkit-transform: translateX(-1100px);
        transform: translateX(-1100px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
    }
}

/* potential form styling */

formStyleTop {
    padding-top: 20px;
    max-width: 550px;
}

form div {
}

.pageDemandeULStyling {
    float: left;
    text-align: left;
    padding-left: 66px;
}

.pageDemande33c {
    width: 33%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: auto;
}

.pageDemande33cRight {
    width: 33%;
    float: left;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    margin-bottom: auto;
}

.pageDemandeLeftTop {
    width: 33%;
    padding-left: 5%;
    float: left;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}

.pageDemandeHeroTitleStyling {
    display: flex;
    text-align: center;
    width: 100%;
    padding-bottom: 1em;
}

.formPaddingStyling {
    display: block;
}

.maxHeightImagePAgeDemande {
    margin-left: auto;
    margin-right: auto;
    margin-top: 2em;
    max-height: 260px;
}

.divFormulaire {
    text-align: left;
    display: flex;
    justify-content: space-between;
}

.alignFormulaireMobile {
    float: left;
    position: relative;
}



/****** HEADER ******/
header{
    position: fixed;
    display: block;
    top: 40px;
    left: 2%;
    width: 95%;
    z-index: 10;
}

#header-info{
    display: none;
}

.main-logo img{
    width: 100px;
    position: absolute;
    z-index: 12;
}

#burger-button{
    position: fixed;
    display: block;
    right: 40px;
    top: 80px;
    width: 50px;
    height: 50px;
    cursor: pointer;
    z-index: 12;
}

#line1, #line2, #line3{
    position: absolute;
    background-color: white;
    height: 6px;
    width: 100%;
    border-radius: 10px;
    border: 1px solid #5A3A16;

}

#line1{
    top: 0;
    transition: all ease 0.5s;
}

#line2{
    top: calc(50% - 3px);
}

#line3{
    bottom: 0;
    transition: all ease 0.5s;
}

.active-line1{
    top: calc(50% - 3px) !important;
}

.active-line3{
    bottom: calc(50% - 6px) !important;
}


#mobile-menu{
    position: fixed;
    display: block;
    top: 0;
    right: -100%;
    background-color: black;
    width: 100%;
    height: 100vh;
    z-index: 11;
    border-radius: 100%;
    transition: all ease 0.5s;
}

#mobile-menu{
    text-align: right;
}

#mobile-menu nav{
    align-items: flex-end;
    top: 150px;
}

#mobile-menu nav a{
    color: white;
    font-size: 1.8em;
    text-transform: uppercase;
    margin: 15px 50px 0 0;
}

#mobile-menu nav img{
    width: 40px;
}

.active-menu-mobile{
    right: 0 !important;
    border-radius: 0 !important;
}
/************************* INDEX ***************************/
.container-flex{
    position: relative;
    display: flex;
    width: 100%;
    flex-direction: column;
}

.flex{
    flex: 0 0 auto;
}

.text-align-center{
    text-align: center;
}

h3 {
    text-align: center;
    font-size: 2em;
    font-weight: 600;
    padding: 0px 0 50px 0;
    width: 100%;
}

.button{
    color: white;
    display: inline-block;
    background-color: #5A3A16;
    padding: 20px 10px;
    border: 2px solid #5A3A16;
}

.button:hover{
    background-color: white;
    color: #5A3A16;
    border: 2px solid #5A3A16;
}

.lowercase{
    text-transform: lowercase;
}

.margin-left-25{
    margin-left: 25px;
}


section{
    position: relative;
    width: 100%;
}

#timber-services{
    margin: 150px 0 50px 0;
}

#timber-services .flex{
    width: 75%;
    margin: 50px 12.5%;   

}

#timber-services h4{
    font-size: 1.3em;
    font-weight: bold;
    text-transform: uppercase;
    height: 42px;
    margin: 20px 0 10px 0;
}

#timber-services p{
    height: 80px;
}

#index-dedication{
    width: 98%;
    margin: 80px auto;
}


#index-dedication .container-flex{
    background-color: rgb(90, 58, 22);
}

#index-dedication .flex{
    width: 95%;
    margin: auto auto;
}


#index-dedication h4{
    margin: 0 0 50px 0;
    text-align: center;
    width: 100%;
    font-weight: bold;
    font-size: 1.2em;
}

#index-dedication img{
    position: absolute;
    display: none;
}

#index-dedication .text{
    color: white;
    padding: 25px 0;
    width: 93%;
}


#index-dedication{
    padding-bottom: 100px;
}

footer{
    margin: 100px 0;
    color: white;

}

footer nav, header nav{
    width: 100%;
}



footer nav img, header nav img{
    width: auto;
}

footer a, header a{
    color: white;
    text-transform: uppercase;
}

footer nav a, header nav a{
    font-size: 1em;
    border: 2px solid #5A3A16;
    padding: 10px;
    margin: 0 5px;
    display: inline-block;
}

footer nav a:hover, header nav a:hover{
    background-color: #5A3A16;
}

footer nav a:first-of-type, header nav a:first-of-type{
    border: none;
}

nav.container-flex{
    align-items: center;
}


footer .container-flex, header .container-flex{
    justify-content: space-between;
    align-items: center;
}

header .container-flex{
    flex-direction: row;
}

footer .container-flex:first-of-type, header .container-flex:first-of-type{
    flex-wrap: wrap;
}

#footer-info{
    margin: 10px 0 0 0;
}

#header-info{
    margin: 10px 0 0 auto;
}

#header-info{
    margin-top: -15px;
}

#footer-info img, #header-info img{
    width: 50px;
}

#footer-info a, #header-info a{
    margin: 20px 10px;
    font-size: 1.3em;
}

.footer-link, .header-link{
    display: none;
}

#ymarketing{
    margin-top: 100px;
}

@media only screen and (min-width: 1px) {

    .centerRemanufacturing  {
        text-align: center;
    }

    .fir p {
        padding-left: 1em;
        padding-right: 1em;
    }

    .fir h3 {
        padding-left: 1em;
        padding-right: 1em;
    }

    .positionRelative {
        position: relative;
    }

    .imagesIndex {
        /* flex: 0 0 17.6%; */
        width: 100%;
    }

    .indexFlex {
        flex: 0 0 20%;
    }

    .imagesIndexSize {
        margin-left: 1em;
        margin-right: 1em;
    }

    .indexParagraphHeight {
        min-height: 5em;
    }

    .indexStyling11 {
        flex: 0 0 100%;
        padding-top: 8%;
    }

    .indexStyling12 {
        z-index: 1;
    }

    .indexStyling13 {
        position: relative;
    }

    .indexStyling14 {
        padding: 12px!important;
    }

    .textTransformUppercase {
        text-transform: uppercase;
    }

    .paddingLeft2em {
        padding-left: 0em;
    }


    .leftDecking {
        flex: 0 0 100%;
        padding: 1rem;
    }

    .rightDecking {
        flex: 0 0 100%
    }

    .deckingImagesHeight {
        height: 16rem;
    }

    .h3class {
        padding-top: 1em;
        padding-bottom: 1em;
    }

    .timberWoodSectionTitle {
        font-size: 6vw;
        color: rgb(90, 58, 22);
        font-weight: 600;
        transition: .3s;
    }

    .centerButton {
        margin-left: 33%;
    }

    .flexbox_TimberWoodRow {
        flex: 0 0 100%;
        padding-left: 0em;
        padding-right: 0em;
    }


    .headerRemanufacturing {
        font-size: 1.3em;
    }

    .centreMain {
        /*-webkit-box-shadow: inset 10px 10px 94px -2px rgba(0,0,0,0.75);*/
        /*-moz-box-shadow: inset 10px 10px 94px -2px rgba(0,0,0,0.75);*/
        /*box-shadow: inset 10px 10px 94px -2px rgba(0,0,0,0.75);*/
        background-image: url("../images/dorval-timber-wood-background.jpg");
        padding: 125px 3% 135px 3%;
        background-repeat: round;
        margin-left: auto;
        margin-right: auto;
    }

    .hideMobile {
        display: none;
    }

    .kilndryListTitle {
        font-size: 1em;
        padding: 1em;
    }

    .kilndryList {
        display: flex;
        justify-content: center;
        font-size: .5em;
    }

    .kilndrySpacing {
        flex: 0 0 35%;
        padding-left: 1em;
    }


    .indexImageFirst {
        flex: 0 0 100%;
        padding-top: 2em;
    }

    .remanufacturingTitleList {
        font-weight: 600;
        padding-left: 2em;
        padding-right: 2em;
    }

    .remanufacturingList {
        line-height: 1.6;
        color: rgb(90, 58, 22);
        padding: 3em;
    }

    .remanufacturingList2 {
        line-height: 1.6;
        color: white;
        padding: 3em;
    }

    .remanufacturingList2 p {
        line-height: 1.6;
        color: white;

    }

    .remanufacturingDisplay {
        display: flex;
    }

    .remanufacturingDisplayRemove {
        display: none;
    }

    .bodyRemanufacturingLeft {
        padding-left: 1em;
        padding-right: 1em;
        flex: 0 0 100%;
    }


    li p {
        color: rgb(90, 58, 22);
    }

    .bodyAboutTimberLeft {
        padding-left: 1%;
        padding-right: 1%;
        flex: 0 0 100%;
    }

    .bodyAboutTimberRight {
        flex: 0 0 100%;
    }

    .bodyAboutGlulamLeft {
        padding-left: 1%;
        padding-right: 1%;
        flex: 0 0 100%;
    }

    .bodyAboutGlulamRight {
        flex: 0 0 100%;
    }

    .bodyAboutKilnRight {
        flex: 0 0 100%;
    }

    .aboutPageParagraph p {
        padding-top: 1em;
        padding-bottom: 1em;
    }

    .aboutPageParagraph2 p {
        padding-top: 1em;
    }

    .mainContainerDecking1 .imagesCC0 {
        flex: 0 0 40%;
    }


    .mainContainerDecking1 .imagesCC1 {
        flex: 0 0 20%;
    }


    .mainContainerDecking1 .imagesCC2 {
        flex: 0 0 40%;

    }

    .mainContainerDecking4 .imagesCC0 {
        flex: 0 0 40%;

    }


    .mainContainerDecking4 .imagesCC1 {
        flex: 0 0 20%;
    }


    .mainContainerDecking4 .imagesCC2 {
        flex: 0 0 40%;

    }

    .mainContainerDecking7 .imagesCC0 {
        flex: 0 0 40%;
    }


    .mainContainerDecking7 .imagesCC1 {
        flex: 0 0 20%;
    }


    .mainContainerDecking7 .imagesCC2 {
        flex: 0 0 40%;

    }


    .mainContainerImageGallery1 .imagesCC0 {
        flex: 0 0 50%;
    }


    .mainContainerImageGallery1 .imagesCC1 {
        flex: 0 0 50%;
    }


    .mainContainerImageGallery1 .imagesCC2 {
        flex: 0 0 40%;
        display: none;
    }

    .mainContainerImageGallery4 .imagesCC0 {
        flex: 0 0 60%;
    }


    .mainContainerImageGallery4 .imagesCC1 {
        flex: 0 0 40%;
    }


    .mainContainerImageGallery4 .imagesCC2 {
        flex: 0 0 40%;
        display: none;
    }

    .mainContainerImageGallery7 .imagesCC0 {
        flex: 0 0 20%;
        display: none;
    }


    .mainContainerImageGallery7 .imagesCC1 {
        flex: 0 0 40%;
    }


    .mainContainerImageGallery7 .imagesCC2 {
        flex: 0 0 60% !important;

    }

    .mainContainerImageGallery10 .imagesCC0 {
        flex: 0 0 60%;
    }

    .mainContainerImageGallery10 .imagesCC1 {
        flex: 0 0 40%;

    }

    .mainContainerImageGallery10 .imagesCC2 {
        flex: 0 0 40%;
        display: none;
    }

    .mainContainerImageGallery10 .imagesCC0 .h-64 {
        height: 20rem;
    }

    .mainContainerImageGallery10 .imagesCC1 .h-64 {
        height: 20rem;
    }

    .mainContainerImageGallery10 .imagesCC2 .h-64 {
        height: 20rem;
    }


    .mainContainerImageGallery13 .imagesCC0 {
        flex: 0 0 40%;
    }


    .mainContainerImageGallery13 .imagesCC1 {
        flex: 0 0 60%;
    }


    .mainContainerImageGallery13 .imagesCC2 {
        flex: 0 0 40%;
        display: none;
    }


    .mainContainerImageGallery16 .imagesCC0 {
        flex: 0 0 30%;
    }


    .mainContainerImageGallery16 .imagesCC1 {
        flex: 0 0 70%;

    }

    .mainContainerImageGallery16 .imagesCC2 {
        flex: 0 0 30%;
        display: none;
    }

    .mainContainerImageGallery16 .imagesCC0 .h-64 {
        height: 20rem;
    }

    .mainContainerImageGallery16 .imagesCC1 .h-64 {
        height: 20rem;
    }

    .mainContainerImageGallery16 .imagesCC2 .h-64 {
        height: 20rem;
    }

    .mainContainerImageGallery19 .imagesCC0 {
        flex: 0 0 60%;
    }


    .mainContainerImageGallery19 .imagesCC1 {
        flex: 0 0 40%;

    }


    .mainContainerImageGallery19 .imagesCC2 {
        flex: 0 0 40%;
        display: none;

    }

    .mainContainerImageGallery22 .imagesCC0 {
        flex: 0 0 30%;
    }


    .mainContainerImageGallery22 .imagesCC1 {
        flex: 0 0 40%;

    }


    .mainContainerImageGallery22 .imagesCC2 {
        flex: 0 0 30%;

    }

    .mainContainerImageGallery25 .imagesCC0 {
        flex: 0 0 60%;
    }


    .mainContainerImageGallery25 .imagesCC1 {
        flex: 0 0 20%;

    }


    .mainContainerImageGallery25 .imagesCC2 {
        flex: 0 0 20%;

    }

    .mainContainerImageGallery25 .imagesCC0 .h-64 {
        height: 20rem;
    }

    .mainContainerImageGallery25 .imagesCC1 .h-64 {
        height: 20rem;
    }

    .mainContainerImageGallery25 .imagesCC2 .h-64 {
        height: 20rem;
    }

    .mainContainerImageGallery28 .imagesCC0 {
        flex: 0 0 60%;
    }


    .mainContainerImageGallery28 .imagesCC1 {
        flex: 0 0 40%;

    }


    .mainContainerImageGallery28 .imagesCC2 {
        flex: 0 0 30%;
        display: none;
    }

    .mainContainerImageGallery31 .imagesCC0 {
        flex: 0 0 50%;
    }


    .mainContainerImageGallery31 .imagesCC1 {
        flex: 0 0 50%;

    }


    .mainContainerImageGallery31 .imagesCC2 {
        flex: 0 0 20%;
        display: none;
    }

    .mainContainerImageGallery34 .imagesCC0 {
        flex: 0 0 50%;
    }


    .mainContainerImageGallery34 .imagesCC1 {
        flex: 0 0 50%;

    }


    .mainContainerImageGallery34 .imagesCC2 {
        flex: 0 0 20%;
        display: none;
    }

    .mainContainerImageGallery34 .imagesCC0 .h-64 {
        height: 20rem;
    }

    .mainContainerImageGallery34 .imagesCC1 .h-64 {
        height: 20rem;
    }

    .mainContainerImageGallery34 .imagesCC2 .h-64 {
        height: 20rem;
    }

    .mainContainerImageGallery {
        flex: 0 0 100%;
        display: flex;
    }

    .mainContainerImageGallery1 {
        flex: 0 0 100%;
        display: flex;
    }

    .mainContainerImageGallery4 {
        flex: 0 0 100%;
        display: flex;
    }

    .mainContainerImageGallery7 {
        flex: 0 0 100%;
        display: flex;
    }

    .mainContainerDecking1 {
        flex: 0 0 100%;
        display: flex;
    }

    .mainContainerDecking4 {
        flex: 0 0 100%;
        display: flex;
    }

    .mainContainerDecking7 {
        flex: 0 0 100%;
        display: flex;
    }

    .mainContainerImageGallery10 {
        flex: 0 0 100%;
        display: flex;
    }

    .mainContainerImageGallery13 {
        flex: 0 0 100%;
        display: flex;
    }

    .mainContainerImageGallery16 {
        flex: 0 0 100%;
        display: flex;
    }

    .mainContainerImageGallery19 {
        flex: 0 0 100%;
        display: flex;
    }

    .mainContainerImageGallery22 {
        flex: 0 0 100%;
        display: flex;
    }

    .mainContainerImageGallery25 {
        flex: 0 0 100%;
        display: flex;
    }

    .mainContainerImageGallery28 {
        flex: 0 0 100%;
        display: flex;
    }

    .mainContainerImageGallery31 {
        flex: 0 0 100%;
        display: flex;
    }

    .mainContainerImageGallery34 {
        flex: 0 0 100%;
        display: flex;
    }

    .imagesCC {
        flex: 0 0 33.33333%;
    }

    .imagesCC0 {
        flex: 0 0 33.33333%;
    }

    .imagesCC01 {
        flex: 0 0 49%;
    }

    .imagesCC1 {
        flex: 0 0 33.33333%;
    }

    .imagesCC2 {
        flex: 0 0 33.33333%;
    }

    .topMarginGalerie {
        margin-top: 23em;
        top: initial;
    }

    .topMarginIndex {
        margin-top: 3em;
        top: initial;
    }

    .topMarginKiln {
        margin-top: 8em;
        top: initial;
    }


    .topMarginDecking {
        margin-top: 28em;
        top: initial;
    }

    .mainTextTitle {
        display: block;
        color: white;
        margin-top: -6em;
        margin-left: 8em;
        position: absolute;
        transition: .3s;
    }

    .mainTextTitleTimber {
        display: block;
        color: white;
        margin-top: -2em!important;
        margin-left: 8em;
        position: absolute;
        transition: .3s;
    }

    .firstLineSlider, .middleLineSlider, .lastLineSlider{
        width: 100%;
        display: block;
    }

    .firstLineSlider{
        text-align: left;
        font-size: 1.3em;

    }

    .middleLineSlider {
        text-align: center;
        font-size: 2em;

    }

    .lastLineSlider {
        text-align: right;
        font-size: 1.3em;

    }

    /* .firstLineSlider {
        font-size: 1.3em;
        float: left;
        font-weight: 200;
        display: block;
    }

    .middleLineSlider {
        font-size: 2em;
        display: block;
    }

    .lastLineSlider {
        float: right;
        font-size: 1.3em;
        font-weight: 200;
        display: block;
    } */

    .firstLineSlider1 {
        float: left;
        font-size: 1.3em;
        font-weight: 200;
    }

    .middleLineSlider1 {
        font-size: 2em;
    }

  .middleLineSlider2 {
        font-size: 1.3em!important;
    }

    .lastLineSlider1 {
        float: right;
        font-size: 1.3em;
        font-weight: 200;
    }





    .ToprightAboveNav {
        text-align: left;
        display: flex;
        position: absolute;
        top: 20px;
        right: 3%;
    }


    .toptitle {
        font-size: 2.5em;
        font-weight: 600;
        transition: .3s;
    }

    .toptitle a{
        color: rgb(90, 58, 22) ;

    }

    .toptitle2 {
        font-size: 8vw;
        color: rgb(90, 58, 22);
        font-weight: 600;
        transition: .3s;
        padding-top: .6em;
    }


    .footerSpace {
        height: 195px;
        width: 100%;
    }

    .footerSpaceG {
        height: 195px;
        width: 100%;
    }

    .timberSectionDedicated {
        padding-bottom: 2%;
        padding-left: 3%;
    }

    .timberSectionButton {
        padding-top: 1em;
        padding-left: 3%;
    }

    .timberSectionWords {
        padding-top: 2em;
        padding-bottom: 2em;
    }

    .timberSectionWordsParent {
        padding-left: 3%;
        padding-right: 2%;
        color: white;
    }

    .right {
        background-color: rgb(90, 58, 22);
    }

    .timberSectionRight {
        flex: 0 0 100%;
    }

    .timberSection {
        display: none;
    }

    .justifyContentMobile {
        justify-content: center;
    }

    .indexFlextoBox {
        display: block;
        margin: auto;
    }


    .removeMobile {
        display: none;
    }

    .floatLeftContact {
        float: left;
    }

    .marginFormMobile {
        margin-left: auto;
        margin-right: auto;
    }

    .displayCenterContact {
        flex-wrap: wrap;
        justify-content: center;
    }

    .flexbox_contactForm_100 {
        flex: 0 0 90%
    }

    .paddingLeft16cBala {
        padding-left: 16%;
    }

    .spaceCenterBalayeuse {
        justify-content: center;
    }

    .minWidth401pxBalayeuse {
        min-width: 101px;
        padding-top: 2em;
    }

    .marginNegative10em {
        margin-top: 2em;
    }

    /* Hover for Nav above */
    .hoverLink a {
        font-size: .8em;
        color: white;
    }

    .hoverLink a:hover {
        font-size: .8em;
        color: #aca3a3;
    }

    .hoverLinkRed a {
        font-size: .8em;
        color: #ff0716;
    }

    .hoverLinkRed a:hover {
        font-size: .8em;
        color: #8f8888;
    }

    .hoverLinkRedDist a {
        font-size: .8em;
        color:  rgb(90, 58, 22);
    }

    .hoverLinkRedDist a:hover {
        font-size: .8em;
        color: #8f8888;
    }

    .hoverLinkGray a {
        font-size: .8em;
        color: #3c3939;
    }

    .hoverLinkGray a:hover {
        font-size: .8em;
        color: #8f8888;
    }

    .spaceAround {
        justify-content: space-around;
    }

    .ToprightAboveNav p {
        color: white;
        font-weight: 500;
    }

    /* Above Nav  */
    .secondImageFlex {
        flex: 0 0 auto;
        margin-right: 2em;
        margin-top: -95px;
    }

    .flexbox_Giro {
        flex: 0 0 100%;
    }

    .displayBlockFlexGiro {
        display: block
    }

    .alignBoxesGiro {
        justify-content: center;
        display: flex;
        flex-wrap: wrap;
        margin-left: auto;
        margin-right: auto;
    }

    .giroTitleHaut {
        margin-right: 5em;
        width: 80%;
    }

    .giroTitleBas {
        margin-right: 5em;
        width: 80%;
    }

    .FlexBox_Right {
        flex: 0 0 auto;
        margin-right: 1em;
        text-align: left;
        color: #3c3939;
    }

    .navDisplayOn {
        display: none;
    }

    .paddingParagraphIndex {
        max-width: 71%;
    }

    .bottomRightTop {
        text-align: left;
        display: flex;
        position: absolute;
        z-index: 9007 !important;
        bottom: 57px;
        right: 0%;
    }

    .bottomRightBottom {
        text-align: left;
        display: flex;
        position: absolute;
        z-index: 9007 !important;
        bottom: 18px;
        right: 0%;
    }

    .bottomLeftMobile {
        text-align: left;
        position: absolute;
        display: inline;
        z-index: 9006 !important;
        right: 2%;
        bottom: 180px;
    }

    .thirdImageFlex {
        flex: 0 0 auto;
        margin-left: auto;
        margin-right: auto;
        max-width: 80%;
    }

    .secondImageFlexContainer {
        flex: 0 0 48%;
        margin-top: 88px;
        padding: 12px;
    }

    .secondImageFlexContainerBala {
        flex: 0 0 92%;
        margin-top: 88px;
        padding: 12px;
    }

    h1 {
    }

    h2 {
    }

    h4 {
    }

    h5 {
    }

    .h1class {
        position: absolute;
        left: 7%;
        font-size: 1.8em;
        font-weight: 500;
        color: white;
        text-transform: uppercase;
    }

    .h2class {
        position: absolute;
        left: 7%;
        font-size: 1em;
        color: white;
        font-weight: 500;
        text-transform: uppercase;
    }

    .h3class {
    }

    .h4class {
        font-size: 2em;
        font-weight: 500;
        color: #3c3939;
        text-transform: uppercase;
    }

    .h5class {
        font-size: 1.3em;
        font-weight: 500;
        color: #3c3939;
        text-transform: uppercase;
    }

    .h6class {
    }

    .h7class {
    }

    .h8class {
    }

    button {
        margin-top: 10px;
        margin-bottom: 1em;
    }

    .flexWrapMobile {
        flex-wrap: wrap;
    }

    .displayOff {
        display: none;
    }

    .displayOffFooter {
        display: none;
    }

    .displayOnFooterFlex {
        display: flex;
    }

    .displayOffFooterFlex {
        display: none;
    }

    .displayOnFooter {
        display: block;
    }

    input[type=text] {
        width: 60%;
        padding: 12px 20px;
        margin: 8px 0;
        box-sizing: border-box;
        border: none;
        background-color: #f0ebea;
        color: rgb(50, 51, 100);
        height: 22px;
        font-family: 'Roboto', 'Open Sans', sans-serif;
        min-width: 150px;
        font-display: swap;
    }

    input[type=email] {
        /*min-width: 250px;*/
        font-family: 'Roboto', 'Open Sans', sans-serif;
        width: 60%;
        padding: 12px 20px;
        margin: 8px 0;
        box-sizing: border-box;
        border: none;
        background-color: #f0ebea;
        color: rgb(50, 51, 100);
        height: 22px;
        font-display: swap;
    }

    textarea {
        width: 100%;
        padding: 12px 20px;
        margin: 8px 0;
        box-sizing: border-box;
        border: none;
        background-color: #f0ebea;
        color: rgb(50, 51, 100);
        height: 222px;
        font-family: 'Roboto', 'Open Sans', sans-serif;
        font-display: swap;
    }

    header nav {
        display: block;
    }

    .paddingTop7c {
        padding-top: 7%;
    }


    .marginBottomAbout {
        margin-bottom: 2em;
    }

    .aboutTitleSection {
        text-transform: uppercase;
        line-height: 1.1;
    }

    .sectionAbout1 {
        text-transform: uppercase;
        font-weight: 600;
    }

}

@media only screen and (max-width: 1024px) {


    .displayIndex {
        display: block;
        padding-left: 1rem;
        padding-right: 1rem;

    }

    

}

@media only screen and (max-width: 768px) {

    .paddingKiln {
        padding: 1.25rem;
    }




}

@media only screen and (min-width: 768px) {



    .imagesWidthCommonSize {
        max-width: 300px;
    }

    .timberSectionButton {
        padding-top: 2em;
    }


    .paddingLeft2em {
        padding-left: 2em;
    }


    .leftDecking {
        flex: 0 0 49%;
        padding: 1rem;
    }

    .rightDecking {
        flex: 0 0 50%
    }

    .deckingImagesHeight {
        height: 26rem;
    }

    .h3class {
        padding-top: 1.5em;
        padding-bottom: 1em;
    }

    .timberWoodSectionTitle {
        font-size: 3vw;
        color: rgb(90, 58, 22);
        font-weight: 600;
        transition: .3s;
    }


    .centerButton {
        margin-left: initial;
    }


    .flexbox_TimberWoodRow {
        flex: 0 0 29%;

        padding-left: 1em;
        padding-right: 1em;
    }


    .centreMain {
        /*-webkit-box-shadow: inset 10px 10px 94px -2px rgba(0,0,0,0.75);*/
        /*-moz-box-shadow: inset 10px 10px 94px -2px rgba(0,0,0,0.75);*/
        /*box-shadow: inset 10px 10px 94px -2px rgba(0,0,0,0.75);*/
        background-image: url("../images/dorval-timber-wood-background.jpg");
        padding: 200px 3% 135px 3%;
        margin-left: auto;
        margin-right: auto;
    }



    .kilndryListTitle {
        font-size: 2em;
        padding: 1em;
    }

    .kilndryList {
        display: flex;
        justify-content: center;
        font-size: 1em;
    }

    .kilndrySpacing {
        flex: 0 0 35%;
        padding-left: 1em;
    }


    .remanufacturingDisplay {
        display: flex;
    }

    .remanufacturingDisplayRemove {
        display: flex;
    }

    .mainContainerImageGallery7 .imagesCC0 {
        flex: 0 0 20%;
    }


    .mainContainerImageGallery7 .imagesCC1 {
        flex: 0 0 40%;
    }


    .mainContainerImageGallery7 .imagesCC2 {
        flex: 0 0 40%;
    }

    .topMarginGalerie {
        margin-top: 3em;
        top: initial;
    }

    .topMarginKiln {
        margin-top: 3em;
        top: initial;
    }

    .topMarginDecking {
        margin-top: 3em;
        top: initial;
    }

    .mainTextTitle {
        display: block;
        color: white;
        margin-top: -9em;
        margin-left: 13em;
        position: absolute;
    }

    .mainTextTitleTimber {
        display: block;
        color: white;
        margin-top: -9em!important;
        margin-left: 13em;
        position: absolute;
    }

    .firstLineSlider {
        float: left;
        font-size: 1.4em;
        font-weight: 200;
        transition: .4s;
    }

    .middleLineSlider {
        font-size: 3em;
        transition: .4s;
    }

    .lastLineSlider {
        float: right;
        font-size: 1.4em;
        font-weight: 200;
        transition: .4s;
    }

    .firstLineSlider1 {
        float: left;
        font-size: 1.4em;
        font-weight: 200;
        transition: .4s;
    }

    .middleLineSlider1 {
        font-size: 3em;
        transition: .4s;
    }

    .middleLineSlider2 {
        font-size: 3em!important;
        transition: .4s;
    }

    .lastLineSlider1 {
        float: right;
        font-size: 1.4em;
        font-weight: 200;
        transition: .4s;
    }


    .ToprightAboveNav {
        text-align: left;
        display: flex;
        position: absolute;
        top: 20px;
        right: 3%;
        transition: .5s;
    }


    .timberSectionDedicated {
        padding-bottom: 2%;
        padding-left: 3%;
    }

    .floatLeftContact {
        float: left;
    }

    .marginFormMobile {
        margin-left: auto;
        margin-right: auto;
    }

    .displayCenterContact {
        flex-wrap: wrap;
        justify-content: center;
    }

    .spaceCenterBalayeuse {
        justify-content: center;
    }

    .minWidth401pxBalayeuse {
        min-width: 401px;
        padding-top: 2em;
    }

    /* Hover for Nav above */
    .hoverLink a {
        color: white;
    }

    .hoverLink a:hover {
        color: #bdb4b4;
    }

    .hoverLinkRed a {
        color: #ff0716;
    }

    .hoverLinkRed a:hover {
        color: #8f8888;
    }

    .hoverLinkRedDist a {
        font-size: 1em;
        color:  rgb(90, 58, 22);
    }

    .hoverLinkRedDist a:hover {
        font-size: 1em;
        color: #8f8888;
    }


    .hoverLinkGray a {
        color: #3c3939;
    }

    .hoverLinkGray a:hover {
        color: #8f8888;
    }

    .spaceAround {
        justify-content: space-around;
    }

    .ToprightAboveNav p {
        color: white;
        font-weight: 500;
    }

    /* Above Nav  */
    .displayBlockFlexGiro {
        display: block;
    }

    .giroTitleHaut {
        padding-right: 2em;
        width: 80%;
    }

    .giroTitleBas {
        padding-right: 2em;
        width: 80%;
    }

    .paddingPreFooterIndex {
        padding-top: 1em;
        padding-bottom: 1em;
    }

    h1 {
    }

    h2 {
    }

    h4 {
    }

    h5 {
    }

    .h1class {
        position: absolute;
        left: 7%;
        font-size: 2.4em;
        font-weight: 500;
        color: white;
        text-transform: uppercase;
    }

    .h2class {
        position: absolute;
        left: 7%;
        font-size: 1.7em;
        color: white;
        font-weight: 500;
        text-transform: uppercase;
    }

    .h3class {
    }

    .h4class {
        font-size: 2em;
        font-weight: 500;
        color: #3c3939;
        text-transform: uppercase;
    }

    .h5class {
        font-size: 1.3em;
        font-weight: 500;
        color: #3c3939;
        text-transform: uppercase;
    }

    .h6class {
    }

    .h7class {
    }

    .h8class {
    }


}


@media only screen and (min-width: 1024px) {

    .footerSpaceG {
        height: 250px;
        width: 100%;
    }

    .timberSectionWords {
        padding-top: 1em;
        padding-bottom: 1em;
        font-size: .9em;
    }


    .timberSectionButton {
        padding-top: 22em;
    }


    .paddingLeft12rem {
        padding-left: 12rem;
    }

    .hideMobile {
        display: initial;
    }

    .indexImageFirst {
        flex: 0 0 48%;
        padding-top: 0em;
    }

    .remanufacturingTitleList {
        font-weight: 600;
        padding-left: initial;
        padding-right: initial;
    }


    .remanufacturingList {
        line-height: 1.6;
        color: rgb(90, 58, 22);
        padding: 1em;
    }

    .bodyRemanufacturingLeft {
        padding-left: 1.25rem;
        padding-right: 1%;
        flex: 0 0 49%;
    }


    .bodyAboutTimberLeft {
        padding-left: 1%;
        padding-right: 1%;
        flex: 0 0 49%;
    }

    .bodyAboutGlulamLeft {
        padding-left: 1%;
        padding-right: 1%;
        flex: 0 0 49%;
    }

    .bodyAboutTimberRight {
        flex: 0 0 48%;
    }

    .bodyAboutGlulamRight {
        flex: 0 0 48%;
    }

    .bodyAboutKilnRight {
        flex: 0 0 64%;
    }

    .topMarginGalerie {
        margin-top: .1em;
        top: -61px;
    }

    .topMarginKiln {
        margin-top: .1em;
        top: -61px;
    }

    .topMarginDecking {
        margin-top: .1em;
        top: -61px;
    }


    .firstLineSlider {
        font-size: 2.3em;
        transition: .4s;
    }

    .middleLineSlider {
        font-size: 4.5em;
        transition: .4s;
    }

    .lastLineSlider {
        float: right;
        font-size: 2.3em;
        font-weight: 200;
        transition: .4s;
    }

    .firstLineSlider1 {
        float: left;
        font-size: 2.3em;
        font-weight: 200;
        transition: .4s;
    }

    .middleLineSlider1 {
        font-size: 4.5em;
        transition: .4s;
    }

    .middleLineSlider2 {
        font-size: 4.5em!important;
        transition: .4s;
    }

    .lastLineSlider1 {
        float: right;
        font-size: 2.3em;
        font-weight: 200;
        transition: .4s;
    }


    .mainTextTitle {
        color: white;
        margin-top: -5em;
        margin-left: 10em;
        position: absolute;
        transition: .3s;
    }

    .mainTextTitleTimber {
        color: white;
        margin-top: -5em!important;
        margin-left: 10em;
        position: absolute;
        transition: .3s;
    }

    .timberSectionDedicated {
        padding-bottom: 2%;
        padding-left: 0%;
    }

    .timberSectionWordsParent {
        padding-left: 21.4%;
        padding-right: 2%;
        color: white;
    }

    


    .toptitle2 {
        font-size: 4vw;
        color: rgb(90, 58, 22);
        font-weight: 600;
        transition: .3s;
        padding-top: .1em;
    }


    .imageMinIndex {
        padding: .4vw;
    }

    .footerSpace {
        height: 295px;
        width: 100%;
    }




    .right {
        background-color: rgb(90, 58, 22);
        position: absolute;
        right: 3%;
        left: 30%;
    }


    .timberSection {
        display: initial;
        flex: 0 0 42%;
    }

    .timberSectionRight {
        flex: 0 0 50%;
    }

    .justifyContentMobile {
        justify-content: initial;
    }

    .indexFlextoBox {
        display: flex;
    }

    /* Index */
    /* Index */
    .removeMobile {
        display: initial;
    }

    .ToprightAboveNavBelow {
        text-align: left;
        display: flex;
        position: absolute;
        top: 150px;
        right: 3%;
        transition: .5s;
    }

    .bottomRightAboveNavBelow {
        text-align: left;
        display: flex;
        position: absolute;
        bottom: 150px;
        right: 3%;
        transition: .5s;
    }

    .floatLeftContact {
        float: initial;
    }

    .marginFormMobile {
        margin-left: initial;
        margin-right: initial;
    }

    .displayCenterContact {
        flex-wrap: initial;
        justify-content: initial;
    }

    .flexbox_contactForm_100 {
        flex: 0 0 80%
    }

    .paddingLeft16cBala {
        padding-left: 0%;
    }

    .spaceCenterBalayeuse {
        justify-content: initial;
    }

    .minWidth401pxBalayeuse {
        min-width: 401px;
        padding-top: 0em;
    }

    .marginNegative10em {
        margin-top: -10em;
    }

    .flexbox_Giro {
    }

    .displayBlockFlexGiro {
        display: flex;
    }

    .h4class {
        font-size: 2.4em;
        font-weight: 500;
        color: #3c3939;
        text-transform: uppercase;
    }

    .h5class {
        font-size: 1.7em;
        font-weight: 500;
        color: #3c3939;
        text-transform: uppercase;
    }

    .giroTitleHaut {
        padding-right: 2em;
    }

    .giroTitleBas {
        padding-right: 2em;
    }

    .navDisplayOn {
        display: flex
    }

    header nav {
        display: none;
    }

    .paddingParagraphIndex {
        margin-left: 16%;
        max-width: 71%;
        min-height: 334px;
    }

    .displayOnFooterFlex {
        display: none;
    }

    .displayOffFooter {
        display: block;
    }

    .displayOffFooterFlex {
        display: flex;
    }

    .thirdImageFlex {
        flex: 0 0 auto;
        margin-left: 2em;
        margin-right: 2em;
    }

    .flexWrapMobile {
        flex-wrap: initial;
    }

    .paddingPreFooterIndex {
        max-width: 54%;
        padding-top: 1em;
        padding-bottom: 5em;
    }

    .secondImageFlexContainer {
        flex: 0 0 48%;
        padding: 12px;
        margin-top: initial;
    }

    .secondImageFlexContainerBala {
        flex: 0 0 48%;
        padding: 12px;
        margin-top: initial;
    }

    .texteSlider {
        top: 330px;
        max-width: 80%;
    }

    .texteSliderBas {
        top: 380px;
    }

    .rightSectionIndex {
        padding-top: 0%;
        padding-left: 2%;
    }

    /******* INDEX ********/

    #index-dedication img{
        display: block;
        width: 450px;
        top: -5%;
        left: 0;
    }

    .container-flex{
        flex-direction: row;
        width: 100%;
    }


    #timber-services .flex{
        width: 18%;
        margin: 0 1%;   
    }

    #index-dedication h4{
        text-align: left;
        margin: 0 0 50px auto;
        width: 50%;
        font-size: 1.6em;
    }

    #index-dedication .flex{
        width: 50%;
        margin: 0;
    }

    #index-dedication{
        width: 98%;
        margin: 150px auto;
    }

    .indexParagraphHeight p{
        min-height: 67px;
    }




    /****** HEADER & FOOTER ******/
    #burger-button{
        display: none;
    }

    #mobile-menu{
        display: none;
        right: -100%;
    }

    #header-info{
        display: block;
    }

    .main-logo{
        width: auto;
    }

    .footer-link, .header-link{
        display: block;
    }

    #footer-info a, #header-info a{
        margin: 0 10px;
        font-size: 1em;
    }

    #footer-info img, #header-info img{
        width: auto;
    }
}


@media only screen and (min-width: 1224px) {

    .footerSpaceG {
        height: 275px;
        width: 100%;
    }

    .timberSectionWords {
        padding-top: 2em;
        padding-bottom: 2em;
        font-size: 1em;
    }

    .timberSectionButton {
        padding-top: 22em;
        transition: .5s;
    }


    .topMarginGalerie {
        margin-top: .1em;
        top: -28px;
    }

    .topMarginKiln {
        margin-top: .1em;
        top: -81px;
    }

    .topMarginDecking {
        margin-top: .1em;
        top: -81px;
    }

    .firstLineSlider {
        font-size: 3em;
        transition: .4s;
    }

    .middleLineSlider {
        font-size: 5em;
        transition: .4s;
    }

    .lastLineSlider {
        float: right;
        font-size: 3em;
        font-weight: 200;
        transition: .4s;
    }

    .firstLineSlider1 {
        float: left;
        font-size: 3em;
        font-weight: 200;
        transition: .4s;
    }

    .middleLineSlider1 {
        font-size: 5em;
        transition: .4s;
    }

    .middleLineSlider2 {
        font-size: 5em!important;
        transition: .4s;
    }

    .lastLineSlider1 {
        float: right;
        font-size: 3em;
        font-weight: 200;
        transition: .4s;
    }


    .mainTextTitle {
        color: white;
        margin-top: 2em;
        margin-left: 10em;
        position: absolute;
        transition: .3s;
    }

    .mainTextTitleTimber {
        color: white;
        margin-top: 2em!important;
        margin-left: 10em;
        position: absolute;
        transition: .3s;
    }

    

}

@media only screen and (min-width: 1280px) {
    .toptitle {
        font-size: 3em;
    }

    h3 {
        text-align: center;
        font-size: 2.5em;
        font-weight: 600;
    }
    
    /******* INDEX ********/
    #index-dedication img{
        width: 550px;
        top: -30%;
        left: 0;
    }
}

@media only screen and (min-width: 1400px) {
    #footer-info, #header-info{
        margin: 0;
    }
}

@media only screen and (min-width: 1499px) {

  

    .footerSpaceG {
        height: 0px;
        width: 100%;
    }

    .timberSectionButton {
        padding-top: 20em;
    }


    .topMarginGalerie {
        margin-top: .1em;
        top: -9vw;
    }

    .topMarginKiln {
        margin-top: .1em;
        top: -80px;
    }

    .topMarginDecking {
        margin-top: .1em;
        top: -80px;
    }

    .firstLineSlider {
        font-size: 4em;
    }

    .middleLineSlider {
        font-size: 8em;
    }

    .lastLineSlider {
        /* float: right; */
        font-size: 4em;
        font-weight: 200;
    }

    .firstLineSlider1 {
        float: left;
        font-size: 3em;
        font-weight: 200;
    }

    .middleLineSlider1 {
        font-size: 7em;
    }

    .middleLineSlider2 {
        font-size: 7em;
    }

    .lastLineSlider1 {
        float: right;
        font-size: 3em;
        font-weight: 200;
    }


    .mainTextTitle {
        color: white;
        margin: 5em;
        margin-left: 13em;
        position: absolute;
    }

    .mainTextTitleTimber {
        color: white;
        margin: 5em!important;
        margin-left: 13em;
        position: absolute;
    }

    .ToprightAboveNav {
        text-align: left;
        display: flex;
        position: absolute;
        top: 66px;
        right: 3%;
        transition: .5s;
    }


    /*.imageMinIndex {padding: 1em;}*/
    .timberSection {
        flex: 0 0 37%;
    }

    .rightSectionIndex {
        padding-top: 2%;
        padding-left: 7%;
    }

    .marginAuto {
        margin: auto;
    }

    .ToprightAboveNavBelow {
        text-align: left;
        display: flex;
        position: absolute;
        top: 100px;
        right: 3%;
        transition: .5s;
    }

    .bottomRightAboveNavBelow {
        text-align: left;
        display: flex;
        position: absolute;
        bottom: 80px;
        right: 3%;
        transition: .5s;
    }

    .floatLeftContact {
        float: initial;
    }

    .flexbox_contactForm_100 {
        flex: 0 0 70%
    }

    .minWidth401pxBalayeuse {
        min-width: 401px;
    }

    .paddingLeft4em {
        padding-left: 4em;
    }

    .FlexBox_Right {
        flex: 0 0 auto;
        margin-right: 2em;
        text-align: left;
        color: #3c3939;
    }

    h1 {
    }

    h2 {
    }

    h4 {
    }

    .h1class {
        position: absolute;
        left: 7%;
        font-size: 4em;
        font-weight: 500;
        color: white;
        text-transform: uppercase;
        min-width: 1300px;
    }

    .h2class {
        position: absolute;
        left: 7%;
        font-size: 3em;
        color: white;
        font-weight: 500;
        text-transform: uppercase;
    }

    .h4class {
        font-size: 4em;
        font-weight: 500;
        color: #3c3939;
        text-transform: uppercase;
    }

    .h5class {
    }

    .h6class {
    }

    .h7class {
    }

    .h8class {
    }


    .texteSlider {
        top: 550px;
    }

    .texteSliderBas {
        top: 620px;
    }

    .pageBalayeuseHeight {
        min-height: 635px;
    }

    .paddingTop175px {
        padding-top: 175px;
    }

    .height455 {
        height: 455px;
    }

    .paddingLeft5em {
        margin-left: 2em;
    }

    .divFormulaire {
        text-align: left;
        justify-content: space-between;
    }

    input[type=text] {
        width: 60%;
        padding: 12px 20px;
        margin: 8px 0;
        box-sizing: border-box;
        border: none;
        background-color: #f0ebea;
        color: rgb(50, 51, 100);
        height: 22px;
        font-family: 'Roboto', 'Open Sans', sans-serif;
        min-width: 250px;
    }

    input[type=email] {
        min-width: 250px;
        font-family: 'Roboto', 'Open Sans', sans-serif;
        width: 60%;
        padding: 12px 20px;
        margin: 8px 0;
        box-sizing: border-box;
        border: none;
        background-color: #f0ebea;
        color: rgb(50, 51, 100);
        height: 22px;
    }

    textarea {
        width: 100%;
        padding: 12px 20px;
        margin: 8px 0;
        box-sizing: border-box;
        border: none;
        background-color: #f0ebea;
        color: rgb(50, 51, 100);
        height: 222px;
        font-family: 'Roboto', 'Open Sans', sans-serif;
        min-width: 660px;
    }


    /******* INDEX ********/
    #index-dedication img{
        width: 600px;
        top: -32%;
        left: 0;
    }

    h3 {
        text-align: center;
        font-size: 3em;
        font-weight: 600;
    }
}

@media only screen and (min-width: 1700px) {
    .toptitle {
        font-size: 4em;
    }
    
    h3 {
        text-align: center;
        font-weight: 600;
    }

    #timber-services h4{
        font-size: 1.3em;
        height: 25px;
    }
}

@media only screen and (min-width: 1800px) {
    #index-dedication img{
        width: 787px;
        top: -70%;
        left: 0;
    }
}

@media only screen and (min-width: 1900px) {

    

    .footerSpaceG {
        margin-top: -12em;
        width: 100%;
    }

    .topMarginGalerie {
        margin-top: .1em;
        top: -22vw;
    }

    .topMarginKiln {
        margin-top: .1em;
        top: -181px;
    }

    .topMarginDecking {
        margin-top: .1em;
        top: -181px;
    }

    .floatLeftContact {
        float: initial;
    }

    .minWidth401pxBalayeuse {
    }

    .displayOff {
        display: block;
    }

    .paddingLeft5em {
        margin-left: 5em;
    }

    .divFormulaire {
        text-align: left;
        display: flex;
        justify-content: space-between;
    }

    /* Potential Image zoom */
    .img-hover-zoom {
        height: 300px;
        overflow: hidden;
    }

    .img-hover-zoom img {
        transition: .5s ease;
    }

    .img-hover-zoom:hover img {
        transform: scale(1.1);
        box-shadow: 2px 2px 35px grey, -2px -2px 5px grey;
    }

}

@media only screen and (min-width: 3000px) {

    .floatLeftContact {
        float: initial;
    }

    .paddingLeft5em {
        margin-left: 5em;
    }

    .divFormulaire {
        text-align: left;
        display: flex;
        justify-content: space-between;
    }
}

@media only print {
    h1, h2, h3, h4, p, a, li {
        color: #000 !important;
    }

    nav {
        display: none;
    }
}