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

}
html,body {
  width: 100%;
  height: 100%;
}

#main{
  height: 100%;
  width: 100%;
  background-color: #eded;
  display: grid;
  grid-template-rows: 30% 55% 15%;
  grid-template-columns: 30% 30% 40%;
}

#left-top-left{
padding: 30px;
}
#square{
  height: 20px;
  width: 20px;
  background-color: black;
  rotate: 45deg;

}
#left-top-right{
justify-self: right;
align-self: center;
padding: 30px;
}
#left-top-right h4{
  margin-bottom: 20px;
  text-align: right;
  font-size: 20px;
  font-weight: 500;
  

}
#left-top-right h5{
text-align: right;
font-size: 18px;
font-weight: 500;
 color: #333;
}

#left-center{
grid-column: 1/3;
padding: 30px;
}
#left-center h1{
  padding-left: 45px;
  font-size: 7vw;
  line-height: 6.2vw;
  text-transform: uppercase;
  font-weight: 500;
  font-family: Arial, Helvetica, sans-serif;
}
#left-center h1:nth-child(2n){
  text-align: center;
}
#left-bottom{
grid-column: 1/3;
}
#left-bottom{
  text-align: left;
  padding: 20px;
}
#left-bottom p{
  width: 75%;
}
#right{
grid-column: 3;
grid-row: 1/4;
padding: 25px;
padding-right: 50px;
padding-left: 50px;
}
#right video{
  height: 100%;
  width: 100%;
  object-fit: cover;
}