.SurvivalGuideBody {
  font-family: 'Open Sans', sans-serif;
  overflow-x: hidden;
}
.MyContainer {
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: white;
  color: #333;
}
.TopSection {
  background-image: url('https://support3.you.gr/you/newsletter/LANDING_PAGE/women_survival_guide/images/TopBg.jpg');
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  height: 498px;
  position: relative;
  overflow: hidden;
}
.PolkaDots {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: url('https://support3.you.gr/you/newsletter/LANDING_PAGE/women_survival_guide/images/TopCircles.png') left top repeat;
  color: transparent;
}
.SurvivalGuide {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  color: transparent;
  background-image: url('https://support3.you.gr/you/newsletter/LANDING_PAGE/women_survival_guide/images/Women_survival_guideTitle.png'), url('https://support3.you.gr/you/newsletter/LANDING_PAGE/women_survival_guide/images/Women_survival_guide-SmallRes.png');
  background-position: right center, 20% bottom;
  background-repeat: no-repeat;
  background-size: auto,auto;
}
.MyTitles {
  font-size: 25px;
  font-weight: 600;
  line-height: 38px;
  color: black;
  text-align: center;
  margin-bottom: 30px;
  position: relative;
  z-index: 50;
}
p {
  font-size: 16px;
  color: black;
  text-align: center;
  margin: 0 auto;
}
.DontWorry {
  background-color: #b2f0ff;
  background-image: url('https://support3.you.gr/you/newsletter/LANDING_PAGE/women_survival_guide/images/LipsticIcon.png'), url('https://support3.you.gr/you/newsletter/LANDING_PAGE/women_survival_guide/images/WowIcon.png'), url('https://support3.you.gr/you/newsletter/LANDING_PAGE/women_survival_guide/images/DontWorryLeftCorner.png'), url('https://support3.you.gr/you/newsletter/LANDING_PAGE/women_survival_guide/images/DontWorryRightCorner.png');
  background-position: 97% bottom, left 10px,left bottom, right top;
  background-repeat: no-repeat;
  padding: 50px 15px;
  margin-top: 15px;
  position: relative;
}
.DontWorry p {
  width: 80%;
}
.KissIcon {
  position: absolute;
  right: 100px;
  bottom: 100px;
  animation: Kiss linear infinite 3s;
}
@-webkit-keyframes Kiss {
  0% {
    transform: scale(1);
  }
  20% {
    transform: scale(1.2) rotate(15deg);
  }
  40% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes Kiss {
  0% {
    transform: scale(1);
  }
  20% {
    transform: scale(1.2) rotate(15deg);
  }
  40% {
    transform: scale(1);
  }
  100% {
    transform: scale(1);
  }
}
.Tips {
  padding: 50px 15px;
  text-align: center;
  margin: 15px 0;
}
.Tip1 {
  background-color: #e1eecf;
  background-image: url('https://support3.you.gr/you/newsletter/LANDING_PAGE/women_survival_guide/images/TvIcon.png'), url('https://support3.you.gr/you/newsletter/LANDING_PAGE/women_survival_guide/images/Tip1LeftTopCorner.png'), url('https://support3.you.gr/you/newsletter/LANDING_PAGE/women_survival_guide/images/Tip1RightBottomCorner.png');
  background-position: right top, left top, right bottom;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
}
.Tip1 p {
  width: 50%;
}
.Guy {
  position: absolute;
  left: 0;
  bottom: -330px;
  transition: all ease 1s 0.5s;
}
.animateGuy {
  bottom: 0;
}
.Star1 {
  position: absolute;
  left: 18%;
  top: 20%;
  transition: all ease 0.4s 1.4s;
  transform: scale(0);
  opacity: 0;
}
.Star2 {
  position: absolute;
  left: 25%;
  top: 10%;
  transition: all ease 0.4s 1.6s;
  transform: scale(0);
  opacity: 0;
}
.animateStar {
  transform: scale(1);
  opacity: 1;
}
.Links {
  padding: 15px 30px;
  border-radius: 8px;
  border: solid 2px black;
  font-size: 18px;
  font-weight: 600;
  display: inline-block;
  color: black;
  text-transform: uppercase;
  margin: 10px 15px;
  transition: all linear 0.2s;
  position: relative;
  z-index: 50;
}
.Links:hover {
  border-radius: 0;
  padding: 15px 10px 15px 50px;
}
.Tip2 {
  background-color: #41c6c1;
  background-image: url('https://support3.you.gr/you/newsletter/LANDING_PAGE/women_survival_guide/images/Tip2Bg.png'), url('https://support3.you.gr/you/newsletter/LANDING_PAGE/women_survival_guide/images/MovieTime.png');
  background-position: center center,right top;
  background-repeat: no-repeat;
  background-size: cover,auto;
  position: relative;
}
.Tip2 p {
  width: 80%;
}
.CDs {
  position: absolute;
  left: 50px;
  top: 40px;
}
.Tip3 {
  background: #fab244 url('https://support3.you.gr/you/newsletter/LANDING_PAGE/women_survival_guide/images/Girl.png') left top no-repeat;
  position: relative;
  overflow: hidden;
}
.Tip3 p {
  width: 50%;
  position: relative;
  z-index: 50;
}
.SunWrapper {
  position: absolute;
  top: 0;
  right: -100px;
  bottom: 0;
  width: 500px;
}
.SunWrapper img {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.Sun {
  animation: Sun linear infinite 11s;
}
@keyframes Sun {
  0% {
    transform: translate(-50%, -50%) rotate(0);
  }
  100% {
    transform: translate(-50%, -50%) rotate(-360deg);
  }
}
.Beach {
  background-color: #0fb0d9;
  background-image: url('https://support3.you.gr/you/newsletter/LANDING_PAGE/women_survival_guide/images/Chair.png'), url('https://support3.you.gr/you/newsletter/LANDING_PAGE/women_survival_guide/images/Banana.png'), url('https://support3.you.gr/you/newsletter/LANDING_PAGE/women_survival_guide/images/BeachBg.png');
  background-position: 20px center, right center,right bottom;
  background-repeat: no-repeat;
}
.Beach p {
  width: 50%;
}
.Tip4 {
  background-color: #e6d3e0;
  background-image: url('https://support3.you.gr/you/newsletter/LANDING_PAGE/women_survival_guide/images/Beauty.png'), url('https://support3.you.gr/you/newsletter/LANDING_PAGE/women_survival_guide/images/DontWorryLeftCorner.png'), url('https://support3.you.gr/you/newsletter/LANDING_PAGE/women_survival_guide/images/DontWorryRightCorner.png');
  background-position: 50px 50px,left bottom, right top;
  background-repeat: no-repeat;
  position: relative;
  overflow: hidden;
}
.Tip4 p {
  width: 60%;
}
.Girl2 {
  position: absolute;
  right: -280px;
  bottom: 0;
  z-index: 100;
  transition: all ease 0.5s 0.5s;
}
.animateGirl2 {
  right: 0;
}
.ExclamMark {
  position: absolute;
  right: -400px;
  top: 100px;
  transition: all ease 0.5s 0.9s;
}
.animateExclamMark {
  right: 200px;
}
.Tip5 {
  background: #ef9b3d url('https://support3.you.gr/you/newsletter/LANDING_PAGE/women_survival_guide/images/BoardGames.png') right top no-repeat;
  position: relative;
  margin-bottom: 0;
}
.Tip5 p {
  width: 60%;
}
.HamGirl {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 150;
}
.Popcorn {
  position: absolute;
  top: 0;
  left: 0;
}
.Pizza {
  position: absolute;
  top: 0;
  left: 230px;
}
.Hotdog {
  position: absolute;
  top: 250px;
  left: 30px;
}
@media (max-width: 1200px) {
  .SurvivalGuide {
    background-image: url('https://support3.you.gr/you/newsletter/LANDING_PAGE/women_survival_guide/images/Women_survival_guideTitle.png'), url('https://support3.you.gr/you/newsletter/LANDING_PAGE/women_survival_guide/images/Women_survival_guide-SmallRes.png');
    background-position: right center, 0 bottom;
    background-repeat: no-repeat;
    background-size: auto,530px;
  }
  .HamGirl {
    width: 220px;
  }
}
@media (max-width: 991px) {
  .SurvivalGuide {
    background-position: center 20px, center bottom;
    background-size: 380px,400px;
  }
  .Tip1 {
    background-size: 200px, auto, auto;
    height: 900px;
  }
  .Tip1 p {
    width: 80%;
  }
  .Guy {
    left: 50%;
    transform: translateX(-50%);
  }
  .Star1 {
    left: 60%;
    top: 60%;
  }
  .Star2 {
    left: 72%;
    top: 55%;
  }
  .CDs {
    left: 10px;
    top: 40px;
    width: 200px;
  }
  .Tip2 {
    background-image: url('https://support3.you.gr/you/newsletter/LANDING_PAGE/women_survival_guide/images/Tip2Bg.png'), url('https://support3.you.gr/you/newsletter/LANDING_PAGE/women_survival_guide/images/MovieTime.png');
    background-size: cover,350px;
  }
  .Tip3 {
    background-size: 250px;
  }
  .SunWrapper {
    right: -150px;
  }
  .Beach {
    background-position: 0 top, right bottom,right bottom;
    background-size: 200px,200px,auto;
  }
  .Beach p {
    width: 100%;
  }
  .Tip4 {
    background-image: url('https://support3.you.gr/you/newsletter/LANDING_PAGE/women_survival_guide/images/Beauty.png'), url('https://support3.you.gr/you/newsletter/LANDING_PAGE/women_survival_guide/images/DontWorryLeftCorner.png'), url('https://support3.you.gr/you/newsletter/LANDING_PAGE/women_survival_guide/images/DontWorryRightCorner.png');
    background-position: 10px 10px,left bottom, right top;
    height: 700px;
  }
  .Tip4 p {
    position: relative;
    z-index: 100;
  }
  .Girl2 {
    width: 200px;
  }
  .ExclamMark {
    width: 60px;
    top: 55%;
  }
  .animateExclamMark {
    right: 150px;
  }
  .Tip5 {
    background: #ef9b3d url('https://support3.you.gr/you/newsletter/LANDING_PAGE/women_survival_guide/images/BoardGames.png') right top no-repeat;
    height: 700px;
  }
  .HamGirl {
    width: 324px;
  }
  .Popcorn {
    width: 180px;
  }
  .Pizza {
    left: 180px;
    width: 120px;
  }
  .Hotdog {
    top: 150px;
    left: 30px;
    width: 100px;
  }
}
@media (max-width: 768px) {
  .DontWorry {
    background-position: 97% bottom, left 0,left bottom, right top;
    background-size: 66px, 120px, auto,auto;
    padding: 90px 15px;
  }
  .DontWorry p {
    width: 100%;
  }
  .KissIcon {
    position: absolute;
    right: 0;
    bottom: 150px;
  }
  .Tip3 p {
    width: 100%;
  }
  .SunWrapper {
    top: -350px;
  }
  .Beach {
    background-image: none, url('https://support3.you.gr/you/newsletter/LANDING_PAGE/women_survival_guide/images/Banana.png'), url('https://support3.you.gr/you/newsletter/LANDING_PAGE/women_survival_guide/images/BeachBg.png');
    background-size: 200px,160px,auto;
  }
  .Tip4 {
    padding-top: 140px;
    height: 1000px;
  }
  .Tip4 p {
    width: 100%;
  }
  .ExclamMark {
    top: 68%;
  }
  .Tip5 {
    background: #ef9b3d none;
    height: 900px;
    padding-top: 150px;
  }
  .Tip5 p {
    width: 100%;
  }
}
@media (max-width: 520px) {
  .CDs {
    width: 120px;
  }
  .Tip3 {
    background-position: center top;
    background-size: 210px;
    padding-top: 200px;
  }
  .SunWrapper {
    display: none;
  }
  .Tip4 {
    height: 1200px;
  }
  .ExclamMark {
    top: 68%;
  }
  .Tip5 {
    height: 1070px;
  }
  .Hotdog {
    display: none;
  }
}
@media (max-width: 400px) {
  .SurvivalGuide {
    background-position: center 20%, center bottom;
    background-size: 100%,100%;
  }
  .KissIcon {
    display: none;
  }
  .Tip1 {
    background-image: none, url('https://support3.you.gr/you/newsletter/LANDING_PAGE/women_survival_guide/images/Tip1LeftTopCorner.png'), url('https://support3.you.gr/you/newsletter/LANDING_PAGE/women_survival_guide/images/Tip1RightBottomCorner.png');
  }
  .Tip1 p {
    width: 100%;
  }
  .CDs {
    display: none;
  }
  .Tip2 {
    background-image: url('https://support3.you.gr/you/newsletter/LANDING_PAGE/women_survival_guide/images/Tip2Bg.png'), url('https://support3.you.gr/you/newsletter/LANDING_PAGE/women_survival_guide/images/MovieTime.png');
    background-size: cover,300px;
  }
  .Tip4 {
    height: 1200px;
  }
  .ExclamMark {
    top: 73%;
  }
}