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

body{
  width: 100%;
  height: 245vw;
}

.container {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: 91fr 25fr 122fr 238fr 90fr 122fr 40fr 132fr 64fr 90fr 157fr 203fr 28fr 55fr;
  grid-template-rows: 29fr 78fr 95fr 434fr 80fr 36fr 212fr 256fr 95fr 57fr 99fr 258fr 339fr 155fr 212fr 83fr 200fr 48fr 60fr 164fr 129fr 101fr 131fr 104fr 123fr ;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

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

.section-1 h1{
  font-size: 2.6vw;
  font-family: SST-Light;
  color: #0070cc;
}

.section-2 {
  grid-area: 3 / 5 / 4 / 11;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.section-2 p{
  font-size: 1.3vw;
  font-family: SST-Regular;
  color: #2d2d2d;
}

.section-3 {
  grid-area: 4 / 5 / 5 / 11;
  background-image: url("../img/Dualsense-Playstation-01.png");
  background-position: center;
  background-size: 90% auto;
  background-repeat: no-repeat;
}

.section-4 {
  grid-area: 5 / 5 / 6 / 11;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}

.section-4 h1{
  font-size: 2.6vw;
  font-family: SST-Light;
  color: #0070cc;
}

.section-5{
  grid-area: 7 / 2 / 8 / 4;
  background-image: url("../img/Dualsense-Playstation-Icon-02.png");
  background-position: center top;
  background-size: 80% auto;
  background-repeat: no-repeat;
}

.section-6{
  grid-area: 7 / 4 / 8 / 9;
  font-size: 1.3vw;
  font-family: SST-Regular;
  color: #2d2d2d;
}

.section-6 h2{
  font-size: 2vw;
  font-family: SST-Light;
  color: #2d2d2d;
  margin-bottom: 1vw;
}

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

.section-7{
  grid-area: 8 / 2 / 9/ 4;
  background-image: url("../img/Dualsense-Playstation-Icon-01.png");
  background-position: center top;
  background-size: 80% auto;
  background-repeat: no-repeat;
}

.section-8{
  grid-area: 8 / 4 / 9 / 9;
  font-size: 1.3vw;
  font-family: SST-Regular;
  color: #2d2d2d;
}

.section-8 h2{
  font-size: 2vw;
  font-family: SST-Light;
  color: #2d2d2d;
  margin-bottom: 1vw;
}

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

.section-9{
  grid-area: 7 / 9 /9 / 15;
  background-image: url("../img/Dualsense-Playstation-02.png");
  background-position: center;
  background-size: 100% auto;
  background-repeat: no-repeat;
}

.section-10{
  grid-area: 10 / 1 / 11 / 15;
  display: flex;
  justify-content: center;
  align-items: center;
}

.section-10 h1{
  font-size: 2.6vw;
  font-family: SST-Light;
  color: #0070cc;
}

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

.section-12{
  grid-area: 12 / 8 / 13 / 13;
}

.section-12 h2{
  font-size: 2vw;
  font-family: SST-Light;
  color: #2d2d2d;
  margin-bottom: 1vw;
}

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

.section-13{
  grid-area: 13 / 3 / 14 / 7;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.section-13 h2{
  font-size: 2vw;
  font-family: SST-Light;
  color: #2d2d2d;
  margin-bottom: 1vw;
}

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

.section-14{
  grid-area: 13 / 8 / 14 / 15;
  background-image: url("../img/Dualsense-Playstation-04.png");
  background-position: bottom right;
  background-size: 95% auto;
  background-repeat: no-repeat;
}

.section-15{
  grid-area: 14 / 1 / 16 / 15;
  background-color: #eeeeee  ;
}

.section-16{
  grid-area: 14 / 1 / 15 / 15;
  display: flex;
  justify-content: center;
  align-items: center;
}

.section-16 h1{
  font-size: 2.6vw;
  font-family: SST-Light;
  color: #0070cc;
  text-align: center;

}

.section-17{
  grid-area: 15 / 2 / 16 / 7;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.section-17 h2{
  font-size: 2vw;
  font-family: SST-Light;
  color: #2d2d2d;
  margin-bottom: 1vw;
}

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

.section-18{
  grid-area: 15 / 9 / 16 / 14;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.section-18 h2{
  font-size: 2vw;
  font-family: SST-Light;
  color: #2d2d2d;
  margin-bottom: 1vw;
}

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

.section-19{
  grid-area: 17 / 3 / 18 / 5;
  background-image: url("../img/Dualsense-Playstation-05.png");
  background-position: center;
  background-size: 100% auto;
  background-repeat: no-repeat;
}

.section-20{
  grid-area: 19 / 3 / 20 / 5;
}

.section-20 h2{
  font-size: 2vw;
  font-family: SST-Light;
  color: #2d2d2d;
  margin-bottom: 1vw;
}

.section-21{
  grid-area: 20 / 3 / 21 / 5;
}

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

.section-22{
  grid-area: 17 / 6 / 18 / 10;
  background-image: url("../img/Dualsense-Playstation-06.png");
  background-position: center;
  background-size: 100% auto;
  background-repeat: no-repeat;
}


.section-23{
  grid-area: 19 / 6 / 20 / 10;
}

.section-23 h2{
  font-size: 2vw;
  font-family: SST-Light;
  color: #2d2d2d;
  margin-bottom: 1vw;
}

.section-24{
  grid-area: 20 / 6 / 21 / 10;
}

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

.section-25{
  grid-area: 17 / 11 / 18 / 13;
  background-color: #eeeeee;
}

.section-26{
  grid-area: 19 / 11 / 20 / 13;
}

.section-26 h2{
  font-size: 2vw;
  font-family: SST-Light;
  color: #2d2d2d;
  margin-bottom: 1vw;
}

.section-27{
  grid-area: 20 / 11 / 21 / 13;
}

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

.section-28{
  grid-area: 16 / 11 / 19 / 13;
  background-image: url("../img/Dualsense-Playstation-07.png");
  background-position: center;
  background-size: 79% auto;
  background-repeat: no-repeat;
}

.section-29{
  grid-area: 21 / 1 / 22 / 15;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.section-29 h1{
  font-size: 2.6vw;
  font-family: SST-Light;
  color: #0070cc;
  text-align: center;
}

.section-29 h2{
  font-size: 1.9vw;
  font-family: SST-Light;
  color: #0070cc;
  text-align: center;
}

.section-30{
  grid-area: 22 / 2 / 25 / 7;
  background-image: url("../img/Dualsense-Playstation-08.png");
  background-position: center;
  background-size: auto 100% ;
  background-repeat: no-repeat;
}

.section-31{
  grid-area: 22 / 7 / 25 / 12;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.section-31 h2{
  font-size: 2vw;
  font-family: SST-Light;
  color: #2d2d2d;
  margin-bottom: 1vw;
}

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

.section-32{
  grid-area: 25 / 08 / 26 / 14;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.section-32 p{
  text-align: right;
  font-size: 0.8vw;
  font-family: SST-Regular;
  color: #2d2d2d;
  line-height: 1.5;
}