body {
  grid-template-columns: repeat(4, 1fr);
}

main {
  grid-column: 1/5;
  grid-template-columns: repeat(2, 1fr);
}

header {
  grid-column: 1/5;
  grid-template: 1fr;
  margin: 0;
  padding: 30px;
}

.menu {
  grid-column: 1/2;
  grid-template-columns: 30% 70%;
}

nav ul li {
  font-size: 30px;
  margin: 15px;
}

.short-header {
  grid-column: 1/2;
  grid-template-columns: 1fr;
}
.short-header a {
  font-size: 20px;
}

.master-name {
  justify-items: center;
  align-items: center;
}
.master-name p {
  font-size: 18px;
}
.master-name article {
  margin: 30px 0 30px 30px;
}
.master-name img {
  margin: 30px;
}

.services-title h2 {
  font-size: 50px;
  margin: 30px 0 30px 65px;
}

.services-love {
  grid-column: 1/5;
  padding: 30px;
}

.services-plus {
  grid-column: 1/5;
  grid-template-columns: 40% 60%;
  padding: 30px;
}

.send-action {
  padding: 30px 0 60px 0;
}
.send-action h2 {
  font-size: 50px;
  margin: 35px 30px 20px 30px;
}
.send-action p {
  font-size: 40px;
  margin: 0 0 0 30px;
}

.send-action-botton {
  padding: 0 30px 0 0;
}
.send-action-botton a {
  margin: 6px;
  padding: 13px;
}

.init-post {
  grid-column: 1/5;
  grid-template-columns: repeat(1, 1fr);
}

.read {
  grid-column: 1/5;
  grid-template-columns: 20% 80%;
}
.read img {
  width: 85%;
}
.read article {
  margin: 50px 20px 50px 0px;
}

.post-sugeri {
  grid-column: 1/5;
}

@media only screen and (min-width: 881px) and (max-width: 1023px) {
  .menu {
    grid-template-columns: 30% 70%;
  }
  .menu h1 {
    text-align: center;
  }
  nav ul li {
    font-size: 20px;
  }
  .short-header {
    grid-template-columns: repeat(2, 1fr);
  }
  .short-header p {
    padding: 20px;
  }
}

/*# sourceMappingURL=768.css.map */