@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700');

/*
body,
html,
h1,
h2,
p,
a {
    margin: 0;
    padding: 0;
    text-decoration: none;
    color: #555;
}
*/

#alain2019 {
    font-family: 'Roboto', sans-serif;
    color: #555;
    padding-top: 100px;
}


#alain2019 > h1,
#alain2019 > h2,
#alain2019 > p,
#alain2019 > a {
    margin: 0;
    padding: 0;
    text-decoration: none;
    color: #555;
}

/* hero */

.hero {
    width: 100%;
    position: relative;
    margin-bottom: 6.5vw;
}

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

.hero_h1 {
    font-size: 8.47vw;
    font-weight: 100;
    color: white;
    position: absolute;
    left: 6.25vw;
    bottom: 5vw;
}

/* row 1 */

.row_1 {
    width: 50.9vw;
    position: relative;
    left: 43vw;
    margin-bottom: 5.138vw;
}

.row_1_p {
    font-size: 1.7vw;
    font-weight: 300;
    margin-bottom: 2.9vw;
}

.row_1_cta {
    font-size: 0.833vw;
    border: 1px solid #555;
/*    padding: 10px 20px;*/
    padding: 0.694vw 1.388vw;
    color: #555;
    border-radius: 3vw;
    text-decoration: none;
    transition: all .6s;
}

.row_1_cta:hover {
    border: 1px solid #FFF;
    color: white;
    background-color: #555;
}

/* row 2 */

.row_2 {
    width: 89vw;
    margin: 0 auto;
    margin-bottom: 8.75vw;
}

.row_2_preTitle {
    text-transform: uppercase;
    font-size: 0.833vw;
    margin-bottom: 1.388vw;
    font-weight: 500;
    letter-spacing: 0.041vw;
}

.row_2_leftBlock {
    width: 49vw;
    position: relative;
    float: left;
}

.row_2_img {
    width: 100%;
    height: auto;
    margin-bottom: 0.6vw;
    transition: all .6s;
}

.row_2_img:hover {
    -webkit-filter: brightness(70%);
}

.row_2_imgTitle {
    text-transform: uppercase;
    font-size: 0.9vw;
}

.row_2_rightBlock {
    width: 33vw;
    margin-left: 7vw;
    float: right;
}

.row_2_rightBlock_img {
    width: 20.416vw;
    height: auto;
    display: block;
    margin: 0 auto;
    margin-bottom: 4.861vw;
}

.row_2_rightBlock_p {
    font-size: 1.7vw;
    font-weight: 300;
    margin-bottom: 3.472vw;
}

.row_2_rightBlock_cta {
    font-size: 0.833vw;
    border: 1px solid #555;
    padding: 0.694vw 1.388vw;
    color: #555;
    border-radius: 3vw;
    text-decoration: none;
    transition: all .6s;
    width: 10vw;
    margin: 0 auto;
    display: block;
    text-align: center;
}

.row_2_rightBlock_cta:hover {
    border: 1px solid #FFF;
    color: white;
    background-color: #555;
}

/* row 3 */

.row_3 {
    margin-bottom: 9.027vw;
}

.row_3_preTitle {
    width: 89vw;
    margin: 0 auto;
    font-size: 0.833vw;
    letter-spacing: 0.041vw;
    font-weight: 500;
    margin-bottom: 2.777vw !important;
}

.productRow {
    width: 100%;
}

.productRow_prod {
    width: 23.7%;
    margin-right: 1.7%;
    float: left;
}

.productRow_prod:nth-child(4) {
    margin-right: 0;
}

.prod_img {
    width: 100%;
    height: auto;
    margin-bottom: 0.6vw;
    transition: all .6s;
}

.prod_img:hover {
    -webkit-filter: brightness(70%);
}

.prod_title {
    text-transform: uppercase !important;
    font-size: 0.9vw;
    margin-left: 0.972vw;
}

/* row 4 */

.row_4 {
    width: 66.111vw;
    margin: 0 auto;
    margin-bottom: 8.194vw;
}

.row_4_preTitle {
    text-transform: uppercase;
    font-size: 0.833vw;
    margin-bottom: 1.111vw;
    font-weight: 500;
    letter-spacing: 0.041vw;
}

.row_4_img {
    width: 100%;
    height: auto;
    margin-bottom: 0.6vw;
    transition: all .6s;
}

.row_4_img:hover {
    -webkit-filter: brightness(70%);
}

.row_4_imgTitle {
    text-transform: uppercase;
    font-size: 0.9vw;
}

/* row 5 */

.row_5 {
    width: 89vw;
    margin: 0 auto;
    margin-bottom: 7.916vw;
}

.row_5_leftBlock {
    width: 24vw;
    float: left;
}

.row_5_leftBlock_h2 {
    font-size: 3.819vw;
    line-height: 4.5vw;
    font-weight: 100;
    margin-top: 5vw;
    margin-bottom: 4vw;

}

.row_5_leftBlock_p {
    font-size: 1.7vw;
    font-weight: 300;
    margin-bottom: 2.9vw;
}

.row_5_leftBlock_cta {
    font-size: 0.833vw;
    border: 1px solid #555;
    padding: 0.694vw 1.388vw;
    color: #555;
    border-radius: 3vw;
    text-decoration: none;
    transition: all .6s;
}

.row_5_leftBlock_cta:hover {
    border: 1px solid #FFF;
    color: white;
    background-color: #555;
}

.row_5_rightBlock {
    width: 53vw;
    margin-left: 12vw;
    float: left;
}

.row_5_rightBlock_img {
    width: 100%;
    height: auto;
    margin-bottom: 0.6vw;
    transition: all .6s;
}

.row_5_rightBlock_img:hover {
    -webkit-filter: brightness(70%);
}

.row_5_imgTitle {
    text-transform: uppercase;
    font-size: 0.9vw;
    margin-left: 0.972vw;
}

.row_6 {
    margin-bottom: 12.083vw;
}

.row_6 .productRow_prod:nth-child(4) {
    margin-right: 1.7%;
}

.row_6 .productRow_prod:nth-child(5) {
    margin-right: 0;
}

.row_7 {
    margin-bottom: 6.805vw;
    text-align: center;
}

.row_7_img {
    width: 16.25vw;
    display: block;
    margin: 0 auto;
    margin-bottom: 3vw;
}

.row_7_cta {
    font-size: 0.833vw;
    border: 1px solid #555;
    padding: 0.694vw 1.388vw;
    color: #555;
    border-radius: 3vw;
    text-decoration: none;
    transition: all .6s;
}

.row_7_cta:hover {
    border: 1px solid #FFF;
    color: white;
    background-color: #555;
}

/*  -- clear float --  */

.clear-float {
    height: 0px;
    font-size: 0px;
    line-height: 0px;
    clear: both;
}

/*  -- hide/show --  */

.display-desktop {
    display: block;
}

.display-mobile {
    display: none;
}

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

    .display-desktop {
        display: none;
    }

    .display-mobile {
        display: block;
    }

}