.MyContent {
	font-family: "Gotham SSm book A", "Gotham SSm book B", "Gotham Book", Helvetica, Arial, sans-serif;
	max-width: 1170px;
	position: relative;
	margin: 0 auto;
	font-size: 14px;
	line-height: 1.4em;
	text-align: center;
}
.MyContent p {
	margin: 0;
}
.MyContent p strong{
	margin: 0;
	margin-bottom:10px;
	display:block;
}
/*----------------------------------------------------------------------*/

.MyContent .MyHeader{
	
	background-position: top center;
	height: 614px;
	background-image: url(img/background-pdp.jpg);
}

.MyContent .MyHeader .Wrapper {
	width: auto;
	box-sizing: border-box;
	padding: 40px;
	margin-left: 460px;
	text-align: left;	padding-top: 30px;
}

.MyContent .MyHeader .LogoBox {
	margin:25px auto;
	background-color:#fff;
	padding:25px;
	
}
.MyContent .MyHeader .LogoBox .Text{
	background-image: url(img/logo-pdp.png);
	background-repeat:no-repeat;
	background-position:top left;
	padding-left:180px;
	
}
.MyContent .MyHeader .LogoBox .BaseLine{
	color:#c69d10;	
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
	font-size: 14px;
	margin:0;
	padding-top:15px;
	text-transform:uppercase;
}
.MyContent .MyHeader .Title {
	margin: 0;
	font-size: 35px;
	color: #000;
	line-height: 1em;
	font-weight: normal;
	font-family: ClarinsRegular, Clarins;	
	padding-bottom: 0px;
	padding-top: 40px;
}

.MyContent .MyHeader .Title {
    margin: 0;
    font-size: 30px;
    color: #000;
    line-height: 1em;
    font-weight: normal;
    font-family: ClarinsRegular, Clarins;
    padding-bottom: 0px;
    padding-top: 40px;
    margin-right: 40px;
}
.MyContent .Mentions{
	margin: 0;
	font-size: 11px;
	opacity:0.5;
	line-height:1em;
}
.MyContent .BtnLink {
	margin:30px 0px;
}
.MyContent .BtnLink a {
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #FFF;
	text-decoration: none;
	position: relative;
	background-color: #000;
	padding: 18px 30px;
	display: inline-block;
	line-height: 14px;
}

@media screen and (max-width:1023px) and (min-width:762px) {
.MyContent .MyHeader {
	height: auto;
	background-position: center bottom;
	background-size: auto 400px;
	background-repeat:no-repeat;
	background-color:#fff3d0;
}
.MyContent .MyHeader .Title {
	padding-top: 30px;
}
.MyContent .MyHeader .Wrapper {

 padding: 30px;
    margin-left: 0px;
    padding-bottom: 150px;
}

.MyContent .Mentions, .MyContent .BtnLink {
	margin-left:300px;
}
}

@media screen and (max-width:761px) {
.MyContent .MyHeader {
	background-image:url(img/background-pdp-mobile.jpg);
	background-position: center bottom;
	background-repeat:no-repeat;
	background-color:#fff3d0;
	padding-bottom: 200px;
		height: auto;
		text-align:center;
}

.MyContent .MyHeader .Title {
	padding-top: 30px;
}
.MyContent .MyHeader .Wrapper {
text-align:center;
	 padding: 30px;
    margin-left: 0px;
    
}

.MyContent .MyHeader .LogoBox .Text{
	background-image: url(img/logo-pdp.png);
	background-repeat:no-repeat;
	background-position:top center;
	padding-top:80px;
	padding-left:0px;
}
}

/*----------------------------------------------------------------------*/

.MyContent .MyBanner{
	height: 214px;
	background-image: url(img/banner-pdp.jpg);
	display:flex;
	justify-content:center;
	align-items:center;
	padding-right:446px;
}
@media screen and (max-width:1023px) and (min-width:762px) {
.MyContent .MyBanner {
    height: 150px;
    padding-right: 266px;
    background-size: auto 150px;
    padding-left: 20px;
}
}
@media screen and (max-width:761px) {
	.MyContent .MyBanner {
      height: auto;
    padding: 30px;
    background-position: bottom center;
    background-image: url(img/banner-pdp-mobile.jpg);
    padding-bottom: 220px;
    background-repeat: no-repeat;
}
}
.MyContent .MyBanner .Title {
	margin: 0;
	font-size: 16px;
	color: #FFF;
	line-height: 1.2em;
	font-weight: normal;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;	
	text-transform:uppercase;

}
.MyContent .MyBanner .TextLink  {
	margin: 0;
	padding-top:10px;
}
.MyContent .MyBanner .TextLink a {
	margin: 0;
	font-size: 11px;
	color: #FFF;
	line-height: 1em;
	font-weight: normal;
	font-family: "Gotham SSm medium A", "Gotham SSm medium B", "Gotham Medium", Helvetica, Arial, sans-serif;	
	text-transform:uppercase;
	text-decoration:underline;

}

@media only screen and (min-width: 1023px) and (max-width: 1024px){
	.MyContent .MyHeader .Wrapper{
		padding: 13px;
	}
}

@media only screen and (max-width: 761px){
	.MyContent .MyHeader .Title{
		width: 65%;
		margin-left: auto;
		margin-right: auto;
	}
}