body {
  font-family: "Inter", sans-serif;
}

#contenedorres{
  margin-left:70px;
}
.contenedoor {
  display: grid;
  height: 600px;
  grid-template-columns: .5fr 1fr 1fr ;
  grid-template-rows: 0.06fr .18fr .7fr 0.2fr;
  grid-template-areas:
    "nav nav nav "
    "sidebar main main "
    "sidebar content1 content2 "
    "footer footer footer  ";

}

nav {

  grid-area: nav;

}

main {

  grid-area: main;

}

#sidebar {
    grid-area: sidebar;

}

#content1 {
  
  grid-area: content1;
  border-radius: var(--main-radius);
  padding-top: var(--main-padding);
}

#content2 {
  
  grid-area: content2;
  border-radius: var(--main-radius);
  padding-top: var(--main-padding);

}



footer {

padding: 3%;
  grid-area: footer;

}

.description{
  font-size: 10px;
  font-weight: bold;

}
.descriptionhead{
  font-size: small;
  
}

@media only screen and (max-width: 750px) {

table{
  
    margin-right: 30px;
  }


  .contenedoor {
   
    grid-template-columns: 1fr;
    grid-template-rows: 0.4fr 0.4fr 2.2fr 1.2fr 1.2fr 1.2fr ;
    grid-template-areas:
      "nav"
      "sidebar"
      "main"
      "content1"
      "content2"
      "footer";
  }
  #div5{
    
    width: 100%;
    
  }
  p{
    text-align:center;
  }

  #content2{
margin-bottom: 10%;

  }

  .input-group-text {
    width: auto;
  }


  
}

.blog-footer{
  color:white;
  text-align: center;
  border-top:.05rem #e5e5e5;
  
}