@font-face {
  font-family: SST-Regular;
  src: url(../font/SSTRg.woff);
}

@font-face {
  font-family: SST-Medium;
  src: url(../font/SST-MEDIUM.OTF);
}

@font-face {
  font-family: SST-Bold;
  src: url(../font/SST-BOLD.OTF);
}

@font-face {
  font-family: SST-Light;
  src: url(../font/SST-LIGHT.OTF);
}

@font-face {
  font-family: Cube-Pro;
  src: url(../font/FF\ Cube\ Bold.ttf);
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

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

body {
  width: 100%;
  height: 204vw;

}

.container {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-rows: 90fr 91fr 278fr 172fr 37fr 108fr 322fr 70fr 77fr 265fr 84fr 56fr 33fr 76fr 291fr 122fr 129fr 40fr 295fr 144fr;
  grid-template-columns: 21fr 88fr 565fr 73fr 57fr 453fr 22fr 89fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #F5F7FA;
}

.section-01 {
  grid-area: 1 / 1 / 21 / 9;
  background-image: url("../img/00-Background-Playstation-PS5-Bundle.png");
  background-position: center;
  background-size: auto 100% ;
  background-repeat: no-repeat;
}

.section-02 {
  grid-area: 3 / 5 / 5 / 8;
  background-image: url("../img/01-Playstation-PS5-Bundle.png.png");
  background-position: center;
  background-size: auto 100% ;
  background-repeat: no-repeat;
}

.section-02-texto {
  grid-area: 3 / 3 / 4 / 4;
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.section-02-texto h1 {
  font-size: 3.5vw;
  font-family: SST-Light;
  margin-bottom: 2vw;
  width: 60%;
  line-height: 1.2;
}

.section-02-texto p {
  font-size: 1.5vw;
  font-family: SST-Regular;
  width: 85%;
  line-height: 1.5;
}

.section-03 {
  grid-area: 6 / 2 / 8 / 4;
  background-image: url("../img/02-Playstation-PS5-Bundle.png");
  background-position: center;
  background-size: auto 100% ;
  background-repeat: no-repeat;
}

.section-03-texto {
  grid-area: 7 / 5 / 8 / 7;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.section-03-texto h2 {
  font-size: 2.8vw;
  font-family: SST-Light;
  margin-bottom: 2vw;
  line-height: 1.2;
  color: #0070cc;
  width: 75%;
}

.section-03-texto p {
  font-size: 1.5vw;
  font-family: SST-Regular;
  line-height: 1.2;
  color: #2d2d2d;
  width: 90%;
}

.section-04 {
  grid-area: 9 / 6 / 12 / 8;
  background-image: url("../img/03-Playstation-PS5.png");
  background-position: center;
  background-size: auto 100% ;
  background-repeat: no-repeat;
}

.section-04-texto {
  grid-area: 10 / 3 / 11 / 4;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.section-04-texto h2 {
  font-size: 2.8vw;
  font-family: SST-Light;
  margin-bottom: 2vw;
  line-height: 1.2;
  color: #0070cc;
  width: 75%;
}

.section-04-texto p {
  font-size: 1.5vw;
  font-family: SST-Regular;
  line-height: 1.2;
  color: #2d2d2d;
  width: 86%;
}

.section-05 {
  grid-area: 13 / 3 / 17 / 5;
  background-image: url("../img/04-PS5-Dualsense-Adaptive-triggers.png");
  background-position: center;
  background-size: 100% auto ;
  background-repeat: no-repeat;
}

.section-05-texto {
  grid-area: 15 / 6 / 16 / 7;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.section-05-texto h2 {
  font-size: 2.8vw;
  font-family: SST-Light;
  margin-bottom: 2vw;
  line-height: 1.2;
  color: #0070cc;
  width: 75%;
}

.section-05-texto p {
  font-size: 1.5vw;
  font-family: SST-Regular;
  line-height: 1.2;
  color: #2d2d2d;
}

.section-06 {
  grid-area: 19 / 4 / 20 / 7;
  background-image: url("../img/05-Playstation-PS5-Bundle.png");
  background-position: center;
  background-size: 100% auto;
  background-repeat: no-repeat;
}

.section-06-texto {
  grid-area: 18 / 3 / 20 / 4;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
}

.section-06-texto h2 {
  font-size: 2.8vw;
  font-family: SST-Light;
  margin-bottom: 2vw;
  line-height: 1.2;
  color: #ffffff;
  width: 75%;
}

.section-06-texto p {
  font-size: 1.5vw;
  font-family: SST-Regular;
  line-height: 1.2;
  color: #ffffff;
  width: 85%;
}

.section-07,
.section-07-texto-1,
.section-07-texto-2 {
  display: none !important;
}

}

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

body {
  width: 100%;
  height: 636vw;

}

.container {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-rows: 97fr 238fr 32fr 324fr 44fr 298fr 46fr 301fr 75fr 265fr 37fr 354fr 105fr 53fr 270fr 42fr 400fr 51fr 168fr 56fr 277fr 46fr 205fr;
  grid-template-columns: 39fr 521fr 39fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #F5F7FA;
}

.section-01 {
  grid-area: 1 / 1 / 24 / 4;
  background-image: url("../img/00-Mobile-Background-Playstation-PS5-Bundle.png");
  background-position: center;
  background-size: auto 100% ;
  background-repeat: no-repeat;
}

.section-02 {
  grid-area: 4 / 1 / 5 / 4;
  background-image: url("../img/01-Playstation-PS5-Bundle.png.png");
  background-position: center;
  background-size: auto 100% ;
  background-repeat: no-repeat;
}

.section-02-texto {
  grid-area: 2 / 2 / 3 / 3;
  color: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.section-02-texto h1 {
  font-size: 7vw;
  font-family: SST-Light;
  margin-bottom: 2vw;
  width: 60%;
  line-height: 1.2;
  text-align: center;
}

.section-02-texto p {
  font-size: 2.5vw;
  font-family: SST-Regular;
  width: 85%;
  line-height: 1.5;
  text-align: center;
}

.section-03-texto {
  grid-area: 6 / 2 / 7 / 3;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.section-03-texto h2 {
  font-size: 6vw;
  font-family: SST-Light;
  margin-bottom: 2vw;
  line-height: 1.2;
  color: #0070cc;
  width: 75%;
  text-align: center;
}

.section-03-texto p {
  font-size: 2.8vw;
  font-family: SST-Regular;
  line-height: 1.2;
  color: #2d2d2d;
  width: 80%;
  text-align: center;
}

.section-03 {
  grid-area: 8 / 1 / 10 / 4;
  background-image: url("../img/06-Playstation-PS5-Bundle.png");
  background-position: center;
  background-size: auto 92% ;
  background-repeat: no-repeat;
}

.section-04-texto{
  grid-area: 10 / 1 / 11 / 4;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.section-04-texto h2 {
  font-size: 6vw;
  font-family: SST-Light;
  margin-bottom: 2vw;
  line-height: 1.2;
  color: #0070cc;
  width: 75%;
  text-align: center;
}

.section-04-texto p {
  font-size: 2.8vw;
  font-family: SST-Regular;
  line-height: 1.2;
  color: #2d2d2d;
  width: 80%;
  text-align: center;
}

.section-04 {
  grid-area: 11 / 1 / 13 / 4;
  background-image: url("../img/03-Playstation-PS5.png");
  background-position: center;
  background-size: auto 92% ;
  background-repeat: no-repeat;
}

.section-05 {
  grid-area: 16 / 1 / 19 / 4;
  background-image: url("../img/04-PS5-Dualsense-Adaptive-triggers.png");
  background-position: center;
  background-size: auto 92% ;
  background-repeat: no-repeat;
}

.section-05-texto{
  grid-area: 14 / 1 / 17 / 4;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.section-05-texto h2 {
  font-size: 6vw;
  font-family: SST-Light;
  margin-bottom: 2vw;
  line-height: 1.2;
  color: #0070cc;
  width: 80%;
  text-align: center;
}

.section-05-texto p {
  font-size: 2.8vw;
  font-family: SST-Regular;
  line-height: 1.2;
  color: #2d2d2d;
  width: 70%;
  text-align: center;
}

.section-06,
.section-06-texto {
  display: none !important;
}

.section-07{
  grid-area: 21 / 1 / 22 / 4;
  background-image: url("../img/05-Playstation-PS5-Bundle.png");
  background-position: center;
  background-size: auto 92% ;
  background-repeat: no-repeat;
}


.section-07-texto-1{
  grid-area: 19 / 1 / 20 / 4;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.section-07-texto-1 h2 {
  font-size: 7vw;
  font-family: SST-Light;
  font-weight: 100;
  margin-bottom: 2vw;
  line-height: 1.2;
  color: #ffffff;
  width: 75%;
  text-align: center;
}

.section-07-texto-2{
  grid-area: 23 / 1 / 24 / 4;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.section-07-texto-2 p {
  font-size: 2.8vw;
  font-family: SST-Regular;
  line-height: 1.4;
  color: #ffffff;
  width: 75%;
  text-align: center;
}

}