.MyContent{
    max-width:1250px;
    margin:0 auto;
    text-align: center;
    display:flex;
    font-family: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book", Helvetica, Arial, sans-serif;
    font-size:14px;
    line-height:1.4em;
    flex-wrap: wrap;
    justify-content: center;
    background-image:url(img/bg.jpg);
    background-repeat: no-repeat;
    background-position: top center;
}

.MyContent .Intro {
   padding-bottom:50px;
   flex-basis:100%;
}
.MyContent h1{
    color:#be0f34;
	font-family: ClarinsRegular, Clarins;
	font-size:60px;
	line-height:1em;
	font-weight:normal;
	margin-bottom:25px;
	margin-top:10px;
}
.MyContent p{
   margin:10px auto;
}
.MyContent .Intro p{
   margin:0px auto;
   font-size:16px;
   line-height:26px;
   max-width:690px;
   padding:15px 20px;
}
.MyContent h2{
    margin:0;
    font-family: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book", Helvetica, Arial, sans-serif;
    font-size:16px;
    line-height:1.4em;
    font-weight:normal;
    color:#be0f34;
    text-transform: uppercase;
}
.MyContent .Block-Small{
    display:block;
   max-width:350px;
   flex-basis:calc(50% - 16px);
   margin:8px;
   padding:25px;
   box-sizing:border-box;
   text-align:left;
}
.MyContent .WhiteFilled{
    background-color: #FFF;
}
.MyContent .GrayFilled{
    background-color: #f3f3f3;
}
.MyContent .LightGrayFilled{
    background-color: #fafafa;
}
.MyContent .Block-Large{
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
   max-width:716px;
   flex-basis:calc(100% - 16px);
   margin:8px;
   padding:25px;
   box-sizing:border-box;
   text-align: center;
  
}
.MyContent .Block-Large p{
    max-width:540px;
}
.MyContent .Block-Large div p{
    padding-bottom:20px;
}
.MyContent .Block-Large div p:last-child{
    padding-bottom:0px;
}
.MyContent .Block-Large div{
    box-sizing:border-box;
    margin:30px auto;
    margin-bottom:0;
   flex-basis:50%;
   text-align:left;
   padding:0;
   padding-right:30px;
}
.MyContent .Block-Large div:last-child{
   padding-left:30px;
   border-left:1px solid #be0f34;
}
.MyContent  .Block-Large h2{
   flex-basis:100%;
}
.MyContent  .Block-Large ul{
    margin:0;
    padding:0;
    list-style:none;
    flex-basis:100%;
    display:flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width:540px;

}
.MyContent  .Block-Large ul li{
   flex-basis:calc(50% - 16px);
   padding:10px 20px;
   margin:8px;
   box-sizing:border-box;
   background-color:#be0f34;
   color:#fff;
}
.MyContent  .Block-Large ul li img{
    display:block;
    max-width:100%;
    margin:0 auto;
    margin-bottom:10px;
}


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

    .MyContent{
         background-image:url(img/bg-mobile.jpg);
    } 
       .MyContent h1{
    max-width:200px;
    margin:30px auto;
    font-size:40px;
}
.MyContent .Intro{
    padding-bottom:20px;
    
}
    .MyContent  p br{
    display:none;
}
    .MyContent  .Block-Large ul li{
         flex-basis:calc(100% - 16px);
    }
    .MyContent .Block-Small{
         flex-basis:calc(100% - 16px);
    }
    .MyContent .Block-Large div{
        padding:0;
        flex-basis:100%;
        margin: 20px auto;
        margin-bottom:0;
    }
    .MyContent .Block-Large div:last-child{
        padding:0;
        padding-top:20px;
        border:0px solid;
        border-top:1px solid #be0f34;
    }
    .MyContent  .InlineItem{
    display:block;
}
}