.container {
  display: grid;
    
}

.container {
  grid-template-columns: 270px 518px 517px 270px;
  grid-template-rows: 230px 330px auto 100px;
  column-gap: 40px;
    grid-template-areas: 
    "logo . . ."
    "prev todo info  next"
    ". todo info .";
}

.logo {
  grid-area: logo;
}
.menus {
  grid-area: menu;
}
.prev {
  grid-area: prev;
}
.next {
  grid-area: next;
}
.info {
  grid-area: info;
}
.todo  {
  grid-area: todo;
}

h1, h2, p, .destacado {
    color:#fff;
}

.info, .todo { border: 4px solid #fff !important; 	padding: 35px 35px 35px 20px;}

.cap { 
    font-weight:400;
    font-size:50px;
    line-height:30px;
}