@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;
}

.container {
  width: 100vw;
}

.section-1 {
  height: 130vw;
  width: 100%;
  display: grid;
  grid-template-columns: 59fr 80fr 212fr 143fr 185fr 245fr 82fr 265fr 31fr 58fr;
  grid-template-rows: 126fr 178fr 80fr 129fr 39fr 139fr 56fr 495fr 127fr 285fr 110fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-image: url("../img/ps5-background-01.png");
  background-position: center;
  background-size: 100% 100%;
  background-color: rgb(32, 30, 30);
  background-repeat: no-repeat;
}

.section-1_titulo {
  grid-area: 2 / 4 / 3 / 8;
  text-align: center;
  font-family: SST-Bold;
  font-size: 3vw;
  line-height: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
}

.section-1_subtitulo1 {
  grid-area: 3 / 4 / 4 / 8;
  text-align: center;
  font-family: SST-Light;
  font-size: 1.5vw;
  color: #ffffff;
}

.section-1_subtitulo2 {
  grid-area: 9 / 4 / 10 / 8;
  text-align: center;
  font-family: SST-Light;
  font-size: 1.5vw;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
}

.section-1_faixa-PS5 {
  grid-area: 1 / 1 / 2 / 7;
  background-image: url("../img/PS5-Header.png");
  background-position: top left ;
  background-size: 100% auto ;
  background-repeat: no-repeat;
}

.section-1_box-texto1 {
  margin-top: -2vw;
  padding: 0vw 0vw 0vw 2vw;
  grid-area: 5 / 2 / 8 / 5;
  text-align: center;
  font-family: SST-Regular;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
}

.section-1_box-texto2 {
  grid-area: 6 / 7 / 8 / 9;
  text-align: left;
  font-family: SST-Regular;
  color: #ffffff;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  font-size: 1.2vw;
  padding-left: 3vw;
}

.section-1_box-texto3 {
  grid-area: 10 / 2 / 11 / 4;
  text-align: center;
  font-family: SST-Regular;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
}

.section-1_box-texto4 {
  grid-area: 10 / 4 / 11 / 6;
  text-align: center;
  font-family: SST-Regular;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
}

.section-1_box-texto5 {
  grid-area: 10 / 6 / 11 / 8;
  text-align: center;
  font-family: SST-Regular;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
}

.section-1_box-texto6 {
  grid-area: 10 / 8 / 11 / 10;
  text-align: center;
  font-family: SST-Regular;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
}

.section-1_box-texto1 p,
.section-1_box-texto3 p,
.section-1_box-texto4 p,
.section-1_box-texto5 p,
.section-1_box-texto6 p
{
  font-size: 1.2vw;
  margin: 0 2vw;
}

.section-1_box-texto1 h3,
.section-1_box-texto2 h3,
.section-1_box-texto3 h3,
.section-1_box-texto4 h3,
.section-1_box-texto5 h3,
.section-1_box-texto6 h3
{
  padding-top: 1vw;
  padding-bottom: 1vw;
  font-family: sst-light;
  text-transform: uppercase;
  font-size: 1.4vw;
}

.section-1_box-texto1 img,
.section-1_box-texto2 img,
.section-1_box-texto3 img,
.section-1_box-texto4 img,
.section-1_box-texto5 img,
.section-1_box-texto6 img
{
  height: 4vw;
}

.section-1_legenda {
  grid-area: 11 / 1 / 12 / 11;
  font-size: 1.1vw;
  color: #ffffff;
  font-family: sst-regular;
  display: flex;
  align-items: center;
  justify-content: center;

}

.section-1-ps5slim2jogos {
  grid-area: 4 / 2 / 9 / 9;
  background-image: url("../img/ps5-2-jogos.png");
  background-position: center;
  background-size: 100% auto;
  background-repeat: no-repeat;
}

.section-2 {
  height: 124vw;
  width: 100%;
  display: grid;
  grid-template-columns: 80fr 435fr 320fr 52fr 469fr;
  grid-template-rows: 84fr 117fr 154fr 73fr 506fr 99fr 511fr 143fr ;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-image: url("../img/ps5-background-02.png");
  background-position: left bottom ;
  background-size: 100% 82% ;
  background-color: #d3d7e3;
  background-repeat: no-repeat;
}

.section-2_titulo {
  grid-area: 2 / 1 / 3 / 6;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: sst-light;
  font-size: 1.8vw;
}

.section-2_subtitulo {
  grid-area: 3 / 1 / 4 / 6;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 18%;
  font-family: sst-light;
  font-size: 1.6vw;
}

.section-2_imagem-returnal {
  grid-area: 5 / 1 / 6 / 4;
  background-image: url("../img/Returnal.png");
  background-position: center;
  background-size: 100% auto;
  background-repeat: no-repeat;
}

.section-2_imagem-ratchet {
  grid-area: 7 / 3 / 8 / 6;
  background-image: url("../img/Ratchet.png");
  background-position: center;
  background-size: 100% auto;
  background-repeat: no-repeat;
}

.section-2_texto-returnal{
  grid-area: 5 / 5 / 6 / 6;
  text-align: left;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  font-family: sst-regular;
  color: #ffffff;
  padding-right: 4vw;
}

.section-2_texto-returnal h3{
  font-family: sst-light;
  font-size: 2vw;
  margin-bottom: 2vw;
}

.section-2_texto-returnal p{
  font-family: sst-regular;
  font-size: 1.6vw;
}

.section-2_texto-ratchet{
  grid-area: 7 / 2 / 8 / 3;
  text-align: left;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  font-family: sst-regular;
  color: #ffffff; 
  padding-right: 4vw;
 
}

.section-2_texto-ratchet h3{
  font-family: sst-light;
  font-size: 2vw;
  margin-bottom: 2vw;
}

.section-2_texto-ratchet p{
  font-family: sst-regular;
  font-size: 1.6vw;
}

.section-3 {
  height: 50vw;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 20fr 300fr 149fr 174fr 20fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #d3d7e3;
}

.section-3_titulo{
  grid-area: 3 / 1 / 4 / 2;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: sst-light;
  font-size: 2vw;
}

.section-3_subtitulo{
  grid-area: 4 / 1 / 5 / 2;
  text-align: center;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
  justify-content: space-around;
  align-items: center;
  padding: 0 18%;
  font-family: sst-light;
  font-size: 1.6vw;
}

.section-3_img{
  grid-area: 2 / 1 / 3 / 2;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
}

.section-3_img img{
  width: 60%;
}

.section-4 {
  height: 170vw;
  width: 100%;
  display: grid;
  grid-template-columns: 130fr 540fr 48fr 540fr 130fr;
  grid-template-rows: 120fr 540fr 60fr 540fr 60fr 540fr 334fr;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-image: url("../img/ps5-background-03.png");
  background-position: center ;
  background-size: 100% auto ;
  background-color: #ffffff;
  background-repeat: no-repeat;
}

.section-4_imagem-1 {
  grid-area: 2 / 2 / 3 / 3;
  background-image: url("../img/ray-tracing.jpg");
  background-position: center ;
  background-size: 100% auto ;
  background-repeat: no-repeat;
}

.section-4_video-1 {
  grid-area: 2 / 1 / 3 / 4;
  display: flex;
  justify-content: center;
}

.section-4_video-1 video {
  width: 100%;
}

.section-4_texto-1 {
  grid-area: 2 / 4 / 3 / 5;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  padding: 6vw;
}

.section-4_imagem-2 {
  grid-area: 4 / 4 / 5 / 5;
  background-image: url("../img/headphone.png");
  background-position: center ;
  background-size: 100% auto ;
  background-repeat: no-repeat;
}

.section-4_video-2 {
  grid-area: 4 / 3 / 5 / 6;
  display: flex;
  justify-content: center;
}

.section-4_video-2 video {
  width: 100%;
}


.section-4_texto-2 {
  grid-area: 4 / 2 / 5 / 3;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  padding: 6vw;
}

.section-4_imagem-3 {
  grid-area: 6 / 2 / 7 / 3;
  background-image: url("../img/dualsense.png");
  background-position: center ;
  background-size: 100% auto ;
  background-repeat: no-repeat;
}

.section-4_video-3 {
  grid-area: 6 / 1 / 7 / 4;
  display: flex;
  justify-content: center;
}

.section-4_video-3 video {
  width: 100%;
}


.section-4_texto-3 {
  grid-area: 6 / 4 / 7 / 5;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  flex-wrap: nowrap;
  padding: 6vw;
}

.section-4_texto-1 p,
.section-4_texto-2 p,
.section-4_texto-3 p,
.section-4_texto-4 p{
  font-size: 1.6vw;
  font-family: sst-regular;
}

.section-4_texto-1 h3,
.section-4_texto-2 h3,
.section-4_texto-3 h3,
.section-4_texto-4 h3,
.section-4_texto-5 h3{
  font-size: 2.6vw;
  font-family: sst-light;
  padding-bottom: 1.3vw;
}

.section-4_texto-5{
  grid-area: 7 / 2 / 8 / 3;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.6vw;
  font-family: sst-light;
}

.section-5 {
  margin-top: -5vw;
  height: 70vw;
  width: 100%;
  display: grid;
  grid-template-columns: 100fr 360fr 360fr 360fr 100fr;
  grid-template-rows: 281fr 281fr 281fr;
  grid-column-gap: 2vw;
  grid-row-gap: 2vw;
  background-color: #d3d7e4;
}

.bloco{
  background-color: #EAECF3;
  box-shadow: #061781 0px 7px 29px 0px;
  padding: 3vw 2vw;
}

.bloco h3{
 font-family: sst-regular;
 color: #061781;
 font-size: 1.8vw;
 padding-bottom: 1.4vw;
}

.bloco p{
  font-family: sst-light;
  font-size: 1.4vw;
  background-color: EAECF3;
}

.section-5_bloco-1{
  grid-area: 1 / 2 / 2 / 3;
}

.section-5_bloco-2{
  grid-area: 1 / 3 / 2 / 4;
} 

.section-5_bloco-3{
  grid-area: 1 / 4 / 2 / 5;
} 

.section-5_bloco-4{
  grid-area: 2 / 2 / 3/ 3;
} 

.section-5_bloco-5{
  grid-area: 2 / 3 / 3 / 4;
} 

.section-5_bloco-6{
  grid-area: 2 / 4 / 3 / 5;
} 

.section-5_bloco-7{
  grid-area: 3 / 3 / 4 / 4;
}

.section-6{
  height: 55vw;
  width: 100%;
  background-color: #d3d7e3;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-image: url("../img/ps5-background-05.png");
  background-position: center bottom;
  background-size: 100% auto ;
  background-repeat: no-repeat;
}

.section-6_titulo{
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: sst-light;
  font-size: 2vw;
  padding-top: 3vw;
  padding-bottom: 3vw;
}


.section-6_video{
  text-align: center;
  width: 80%;
}

.section-6_video video{
  width: 100%;
}