.block-general-view * {
  box-sizing: border-box;
}


.block-general-view {
  /*display: grid;*/
  width: 100%;
  grid-template-columns: 100%;
  grid-auto-rows: 100%;
  grid-gap: 40px;
  align-items: center;
}


.block-general-view .people-block-preview {
  width: 90%;
}
.block-general-view .people-block-preview, .block-general-view .former-people-block-preview {
    display: grid;
    height: 100%;
    grid-template-areas: "picture info";
    grid-template-columns: 2fr 7fr;
    grid-gap: 0.5em;
    margin-left: auto;
    margin-right: auto;
    padding: 2px;
    margin-bottom: 10px;

/*  display: grid;
  width: 100%;
  height: 100%;
  grid-template-areas: "picture info";
  grid-template-columns: 1fr 7fr;
  grid-gap: 0.5em;
  padding: 2px;
  border: medium solid lightgray;
  margin-bottom: 10px;
*/
}

.block-general-view .former-people-block-preview {
    width: 49%;
    float: left;
}

.former-people-block-preview .block-info{
  display: block;
  height: 120px!important;
}

.former-people-block-preview .block-picture img{
  height: 100px;
}


.block-general-view .block-preview {
    display: grid;
    width: 100%;
    height: 100%;
    grid-template-areas: "info picture";
    grid-template-columns: 7fr 3fr;
    grid-gap: 0.5em;
    margin-left: auto;
    margin-right: auto;
    padding: 2px;
    margin-bottom: 10px;
}


.block-general-view .block-picture {
  grid-area: picture;
  height: auto;
  width: auto;
/*  border: solid; */
  justify-self: center;
  align-self: top;
  margin: 2px;
}

.block-general-view .block-info {
  grid-area: info;
  height: 100%;
  align-self: center;
  grid-gap: 20rem;
}

.block-general-view .block-text {
  grid-area: info;
  height: 100%;
  align-self: center;
  grid-gap: 20rem;
}

.block-general-view .block-date {
  font-style: italic;
}

.js-form-item, .form-actions {
 // min-width: 300px;
  margin-right: 10px;
}

.js-form-item {
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}

.js-form-item input{
  min-width: 220px;
  padding: 2px;
}

@media only screen and (max-width: 767px) {
  .block-general-view .block-preview {
    grid-template-areas: "picture" "info";
    grid-template-rows: 5fr 4fr;
    grid-template-columns: 7fr;
  }
  .block-general-view .former-people-block-preview {
    width: 90%;
  }
}
@media only screen and (max-width: 480px) {
  .block-general-view .block-user-preview {
    grid-template-columns: 0% 100%;
  }
  .js-form-item input{
    min-width: 100px;
  }
  .block-general-view .people-block-preview, .block-general-view .former-people-block-preview {
    grid-template-areas: "picture" "info"; 
    grid-template-rows: 5fr 4fr;
    grid-template-columns: 7fr;
  }
  .block-info{
    width: 320px;
    margin: auto;
  }
  .block-general-view .former-people-block-preview {
    width: 100%;
  }
}

@media only screen and (min-width: 768px) {
}

@media only screen and (min-width: 992px) {
  .block-general-view .block-preview {
    width: 90%;
  }
}

@media only screen and (min-width: 1200px) {
  .block-general-view .block-preview {
    width: 80%;
  }
}