.transparent-header{
width:100%;
height: 80px;
display: flex;
justify-content: space-between;
align-items: center;
position: fixed;
z-index: 99;
box-shadow: 0 0 10px #000;
background: #111b29;
background-image: url(../Images/black-paper.png);
}

.container {
  width: 100%;
  margin: auto;
  padding: 220px 270px 50px 270px;
  background-color: #111b29;
  background-image: url(../Images/black-paper.png);
}

@media screen and (min-width: 1024px) and (max-width: 1440px){ 
  .container {
   padding: 150px 50px 20px 50px;
}
}

@media (max-width: 768px){
  #synopsis{
  padding: 100px 30px 15px 30px;
}
}