html{background-color:#24282d;}


/* .milan .inner{} */

.milan .inner h1.logo{width:300px;height:100px;background-image:url('../pronostiquiz/logo.png');background-position:left center;background-repeat:no-repeat;background-size:contain;margin:0 0 30px;padding:0;}

.milan .row .inner{display:flex;flex-flow:column;position:relative;width:100%;max-width:1200px;margin:0 auto;padding:20px;}

.text{color:#fff;}
.text h2{font-size:1.8em;margin:0 0 10px;}
.text h2 br{display:none;}
.text p{font-size:1em;line-height:1.4em;font-weight:400;}
.text a.cta{width:280px;text-align:center;font-weight:700;font-size:1.4em;display:inline-block;padding:10px 20px;border-radius:26px;background-color:#da0719;color:#fff;margin-top:30px;}
.text a.cta:hover{background-color:#a99663;}

.row figure{margin:0;}
.row figure img{width:100%;position:relative;z-index:2;}

.row1{background-image:url('../pronostiquiz/playersBack2.jpg');background-position:center bottom;background-repeat:no-repeat;background-size:cover;}
.row1 .inner{flex-flow:column!important;padding-bottom:0!important;max-width:1400px;}
.row1 .inner .start{display:flex;flex-flow:column;}
.row1 .text{margin-bottom:20px;display:flex;flex-flow:column;align-items:center;}

.row2{margin-top:-30px;background-color:#24282d;border-top:1px solid rgba(255,255,255,0.4);}
.row2 .inner{align-items:center;justify-content:center;}
.row2 .text{padding:30px 0;}
.row2 figure{text-align:center;}
.row2 figure img{max-width:540px;width:100%;height:auto;}

.row3{border-top:1px solid rgba(255,255,255,0.4);}
.row3 .inner{align-items:center;justify-content:center;}
.row3 .text{text-align:center;}
.row3 .text a.cta{background-color:#fff;color:#000;}


.row4{border-top:1px solid rgba(255,255,255,0.4);background-image:url('../pronostiquiz/background.jpg');background-position:center center;background-repeat:no-repeat;background-size:cover;}
.row4 .inner{flex-flow:column;align-items:center;justify-content:center;min-height:600px;}
.row4 .text{text-align:center;margin-bottom:10px;}
.row4 figure img{max-height:500px;width:auto;}



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


}

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

    
    
}



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

    .milan .row .inner{flex-flow:row;}
    .milan .inner h1.logo{width:360px;height:120px;}



    .row1 .text{display:block;margin-bottom:0;}
    .row1 .inner .start{flex-flow:row;}
    .row1 .text p{max-width:600px;}

    .row2 .text{order:2;flex:1;padding:40px;}
    .row2 figure{order:1;flex:1;}
} 

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

    .milan .inner{padding:40px 20px;}

    .milan .inner h1.logo{width:500px;height:150px;margin:0;}

    .row1 .inner .start{align-items:center;}

    .text h2{font-size:2.7em;margin:0 0 16px;}
    .text h2 br{display:block;}
    .text p{font-size:1.15em;line-height:1.5em;}
   

} 

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

    .text h2{font-size:3em;margin:0 0 16px;}
    .text p{font-size:1.2em;line-height:1.6em;}
}