body {
    background-color: #fafafa;
}



.layout {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 3rem;
}

#aboutcontainer {
max-width: 100%;
min-width: 290px;
overflow: none;
height: auto;
display: flex;
justify-content: space-around;
align-items: flex-start;
overflow: visible;

}

#aboutcontent {
  max-width: 100%;
  margin: 0 auto;
  margin-top: 3.5rem;
}

.col-100 {
}
.col-50 {
  width: 50%;
  float: left;
  margin-bottom: 3rem;
}

.col-25 {
  width: 25%;
  float: left;
  margin-bottom: 3rem;
}

.col-33 {
  width: 33.3%;
  float: left;
  margin-bottom: 3rem;

}

.col-50 img {
  max-width: calc(50vw);
}

.col-txt { 
  display: inline-block;
  height: auto;
  width: 50%;
  float: left;
  opacity: 1;
  padding-bottom: 25vh;
}



.gallery {
  justify-content: center;

}
.col-profile {
  width: 50%;
  height: 100vh;
  display: inline-block;
  float: left;
  padding: 1rem;
  top: 0;
}
.profile { 
  width: 100%;
  display: block;
  text-align: center;
}

.profile figure {
  height: auto;
  object-fit: cover; 
  line-height: 0;

}
.profile img {
  width: 100%;
  object-fit: cover; 
}

.contact {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

ul {
  list-style: none;
}


.close {
  position: fixed;
  right: 1rem;
  top: 1rem;
  text-align: right;
  line-height: 1rem;
}





@media screen and (max-width: 45rem) {
  .layout {
    grid-template-columns: 1fr 2fr;
  }
  .col-txt, .col-profile { width: 100% !important; padding: 1rem; }
}
  .footer ul { width: 100%; }
  .footer li { padding-right: .25rem; }
  .copyright { display: none; }
  .tec_info { width: 100%; }
    .col-profile {height: 100% !important;}
  .close {position: absolute !important;}
  .header .tags { display: none !important; }


}

.layout aside section {
  margin-bottom: 3rem;
}

.layout aside h2 {
  margin-bottom: .75rem;
}