.container .send .send-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
.container .send .send-box h1,
.container .send .send-box p {
  margin: 20px 30px;
}
.container .send .send-box form {
  display: grid;
  grid-template-rows: min-content;
  grid-template-columns: 1fr 4fr;
  row-gap: 15px;
  column-gap: 10px;
  max-width: 420px;
  min-width: 160px;
  font-weight: 600;
  margin: 20px;
  border: 1px solid gray;
  padding: 20px;
  border-radius: 10px;
  box-shadow: 0 0 5px 1px gainsboro;
  border-top: 10px solid rgb(53, 53, 90);
  border-bottom: 10px solid rgb(53, 53, 90);
  background-image: linear-gradient(70deg, antiquewhite, rgb(219, 209, 203));
}
.container .send .send-box form label {
  align-self: center;
  justify-self: end;
}
.container .send .send-box form input[type=submit],
.container .send .send-box form input[type=reset] {
  grid-column-start: 1;
  grid-column-end: -1;
  font-weight: 600;
  width: 40%;
  margin: auto;
  padding: 5px 10px;
  border-radius: 5px;
  background-image: linear-gradient(30deg, rgb(126, 150, 79), rgb(193, 206, 165));
  color: whitesmoke;
  box-shadow: 0 0 5px gray;
}
.container .send .send-box form input[type=submit]:hover,
.container .send .send-box form input[type=reset]:hover {
  color: rgb(113, 23, 23);
}
.container .send .send-box form textarea {
  display: block;
  height: 100px;
  resize: none;
  border: 2px solid gray;
  font-family: inherit;
  border-radius: 5px;
  background-color: rgba(255, 253, 244, 0.823);
}
.container .send .send-box form input[type=text],
.container .send .send-box form input[type=email],
.container .send .send-box form input[type=tel] {
  font-family: inherit;
  border-radius: 5px;
  background-color: rgba(255, 253, 244, 0.823);
}

.container3 .big_form {
  border-top: 5px solid rgb(53, 53, 90);
  background-image: linear-gradient(100deg, rgb(241, 243, 239), rgb(212, 215, 204));
  text-align: center;
  line-height: 1.1;
  font-size: 0.8em;
}
.container3 .big_form .big_form-box {
  padding: 20px;
  margin: 20px 20px 0;
}
.container3 .big_form .big_form-box form {
  display: grid;
  column-gap: 30px;
  row-gap: 10px;
  grid-template-areas: "section1" "section2" "section3";
  max-width: 900px;
  min-width: 160px;
  margin: 0 auto;
  font-weight: 600;
  border: 1px solid gray;
  padding: 5px;
  border-radius: 10px;
  box-shadow: 0 0 5px 1px gainsboro;
  border-top: 10px solid rgb(53, 53, 90);
  border-bottom: 10px solid rgb(53, 53, 90);
  background-image: linear-gradient(70deg, antiquewhite, rgb(219, 209, 203));
}
.container3 .big_form .big_form-box form .section1 {
  grid-area: section1;
  display: grid;
  grid-template-rows: min-content;
  grid-template-columns: 1fr 4fr;
  row-gap: 15px;
  column-gap: 10px;
}
.container3 .big_form .big_form-box form .section1 textarea {
  display: block;
  height: 100px;
  resize: none;
  border: 2px solid gray;
  font-family: inherit;
  border-radius: 5px;
  background-color: rgba(255, 253, 244, 0.823);
  max-width: 200px;
}
.container3 .big_form .big_form-box form .section1 input[type=text],
.container3 .big_form .big_form-box form .section1 input[type=email],
.container3 .big_form .big_form-box form .section1 input[type=tel] {
  font-family: inherit;
  border-radius: 5px;
  background-color: rgba(255, 253, 244, 0.823);
  max-width: 200px;
}
.container3 .big_form .big_form-box form .section2 {
  grid-area: section2;
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 1fr 1fr;
  row-gap: 15px;
  column-gap: 10px;
}
.container3 .big_form .big_form-box form .section2 input[type=number] {
  height: 25px;
  font-family: inherit;
  border-radius: 5px;
  background-color: rgba(255, 253, 244, 0.823);
  max-width: 80px;
}
.container3 .big_form .big_form-box form .section2 select {
  display: block;
  resize: none;
  border: 2px solid gray;
  height: 30px;
  font-family: inherit;
  border-radius: 5px;
  background-color: rgba(255, 253, 244, 0.823);
  max-width: 80px;
}
.container3 .big_form .big_form-box form .section2 input[type=checkbox] {
  width: 25px;
  height: 25px;
  transform: scale(1.5); /* Scale up the checkbox */
}
.container3 .big_form .big_form-box form .section3 {
  grid-area: section3;
}
.container3 .big_form .big_form-box form .section3 input[type=submit],
.container3 .big_form .big_form-box form .section3 input[type=reset] {
  grid-column-start: 1;
  grid-column-end: -1;
  font-weight: 600;
  width: 40%;
  max-width: 220px;
  margin: auto;
  padding: 5px 10px;
  border-radius: 5px;
  background-image: linear-gradient(30deg, rgb(126, 150, 79), rgb(193, 206, 165));
  color: whitesmoke;
  box-shadow: 0 0 5px gray;
}
.container3 .big_form .big_form-box form .section3 input[type=submit]:hover,
.container3 .big_form .big_form-box form .section3 input[type=reset]:hover {
  color: rgb(113, 23, 23);
}
.container3 .big_form .big_form-box form h3 {
  background-image: linear-gradient(30deg, rgb(126, 150, 79), rgb(193, 206, 165));
  padding: 5px;
  border-radius: 5px;
  border: 1px solid gray;
  width: 200px;
  height: 30px;
  margin: 20px auto;
  align-content: center;
  grid-column-start: 1;
  grid-column-end: -1;
}
.container3 .big_form .big_form-box form h1,
.container3 .big_form .big_form-box form p {
  margin: 20px;
}
.container3 .big_form .big_form-box form label {
  align-self: center;
  justify-self: end;
}

@media screen and (min-width: 481px) {
  .container3 .big_form {
    font-size: 0.9em;
  }
  .container3 .big_form .big_form-box form {
    padding: 20px;
  }
  .container3 .big_form .big_form-box form .section1 textarea {
    max-width: 350px;
  }
  .container3 .big_form .big_form-box form .section1 input[type=text],
  .container3 .big_form .big_form-box form .section1 input[type=email],
  .container3 .big_form .big_form-box form .section1 input[type=tel] {
    max-width: 350px;
  }
  .container3 .big_form .big_form-box form .section2 input[type=number] {
    max-width: 120px;
  }
  .container3 .big_form .big_form-box form .section2 select {
    max-width: 120px;
  }
  .container3 .big_form .big_form-box form h3 {
    padding: 5px 10px;
    width: 300px;
    height: 32px;
  }
}
@media screen and (min-width: 769px) {
  .container3 .big_form {
    font-size: 1em;
  }
  .container3 .big_form .big_form-box form {
    display: grid;
    grid-template-areas: "section1 section2" "section3 section3";
  }
  .container3 .big_form .big_form-box form .section2 {
    padding-bottom: 30px;
  }
}
.container3 header {
  background-image: linear-gradient(to top, rgb(247, 238, 227), rgb(219, 193, 160));
  display: grid;
  grid-template-rows: repeat(4, min-content);
  grid-template-columns: 1fr;
  grid-template-areas: "logo" "company" "menu";
  align-items: center;
}
.container3 header .logo {
  grid-area: logo;
  justify-self: center;
  margin-bottom: 0;
}
.container3 header .logo img {
  width: 60px;
}
.container3 header .company {
  grid-area: company;
  justify-self: center;
  font-size: 1.5em;
  font-weight: 600;
  margin-top: 0;
}
.container3 header nav {
  grid-area: menu;
}
.container3 header nav button {
  font-size: 1.1em;
  font-weight: 600;
}

@media screen and (min-width: 769px) {
  .container3 header .logo {
    margin-bottom: 5px;
  }
  .container3 header .logo img {
    width: 80px;
  }
  .container3 header .company {
    font-size: 2em;
  }
  .container3 header nav {
    font-size: 1.2em;
  }
}
* {
  box-sizing: border-box;
}

nav {
  color: rgb(65, 13, 13);
}
nav ul {
  display: flex;
  flex-direction: column;
  margin: 0;
  padding: 0;
  align-items: center;
  list-style-type: none;
  padding-bottom: 10px;
}
nav ul li a {
  text-decoration: none;
  display: block;
  color: inherit;
}
nav ul li a button {
  margin: 10px;
  padding: 0 15px;
  border-radius: 30px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: linear-gradient(to top, rgb(206, 180, 148), rgb(183, 151, 112));
  min-width: 160px;
  box-shadow: 0 0 5px 0.2px;
}
nav ul li a button:hover {
  background-image: linear-gradient(to top, rgb(228, 116, 116), rgb(247, 93, 93));
}
nav ul li a button:active {
  background-image: linear-gradient(100deg, rgb(171, 96, 49), rgb(140, 75, 35));
  color: whitesmoke;
}

@media screen and (min-width: 769px) {
  nav {
    height: 100px;
  }
  nav ul {
    height: 100%;
    flex-direction: row;
    justify-content: center;
    padding: 15px 0;
  }
  nav ul li {
    border-bottom: none;
    width: unset;
    height: unset;
  }
  nav ul li a button {
    height: 45px;
    min-width: 170px;
  }
}
.container header {
  position: relative;
  background-image: linear-gradient(to top, rgb(247, 238, 227), rgb(219, 193, 160));
  color: rgb(65, 13, 13);
  min-width: 320px;
  display: grid;
  grid-template-rows: repeat(3, min-content);
  grid-template-columns: 1fr;
  grid-template-areas: "logo" "company" "menu";
  align-items: center;
}
.container header .logo {
  grid-area: logo;
  justify-self: center;
  margin-bottom: 0;
}
.container header .logo img {
  width: 60px;
}
.container header .company {
  grid-area: company;
  justify-self: center;
  font-size: 1.5em;
  font-weight: 600;
  margin-top: 0;
}
.container header nav {
  grid-area: menu;
}
.container header nav button {
  font-size: 1.1em;
  font-weight: 600;
}

@media screen and (min-width: 769px) {
  .container header .logo {
    margin-bottom: 5px;
  }
  .container header .logo img {
    width: 80px;
  }
  .container header .company {
    font-size: 2em;
  }
  .container header nav {
    font-size: 1.2em;
  }
}
.main-page {
  display: grid;
  grid-template-areas: "banner" "services" "who-we-are" "found-and-send";
}
.main-page .banner {
  grid-area: banner;
  background-image: url(../images/banner10.jpg);
  width: 100vw;
  height: 40vh;
  background-size: cover;
  background-position: 60%;
  background-repeat: no-repeat;
  filter: contrast(50%) brightness(70%) sepia(70%) hue-rotate(5deg) blur(0.7px);
}
.main-page .banner .green-button button {
  font-size: 1em;
  font-weight: 600;
  position: absolute;
  bottom: 30px;
  right: 50px;
  padding: 0 5px;
  border-radius: 30px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 120px;
  box-shadow: 0 0 5px 0.2px;
}
.main-page .banner .green-button button:hover {
  background-image: linear-gradient(30deg, rgb(182, 184, 179), rgb(126, 140, 98));
}
.main-page .banner .green-button button:active {
  background-image: linear-gradient(30deg, rgb(245, 249, 237), rgb(207, 216, 189));
  color: linear-gradient(100deg, rgb(171, 96, 49), rgb(140, 75, 35));
}
.main-page .banner h2 {
  color: bisque;
  margin: 20px;
  text-align: center;
  margin-top: 40px;
}
.main-page .services {
  background-image: linear-gradient(30deg, rgb(245, 249, 237), rgb(207, 216, 189));
}
.main-page .services .services-box {
  grid-area: services;
  display: grid;
  row-gap: 10px;
  column-gap: 10px;
  margin: 30px 40px 60px;
}
.main-page .services .services-box h1,
.main-page .services .services-box p {
  text-align: center;
  font-size: medium;
  font-weight: 600;
  margin: 0;
  color: rgb(65, 13, 13);
}
.main-page .services .services-box h2 {
  text-align: center;
  padding-top: 60px;
}
.main-page .services .services-box figure {
  background-image: linear-gradient(70deg, antiquewhite, rgb(219, 209, 203));
  box-shadow: 0 0 6px 1px gainsboro;
  border-radius: 8px;
  width: auto;
  height: 320px;
  text-align: center;
  margin: 0;
}
.main-page .services .services-box figure img {
  width: 240px;
  height: 240px;
  box-shadow: 0 0 6px 1px gainsboro;
  border-radius: 5px;
  text-decoration: none;
  margin-top: 10px;
}
.main-page .services .services-box figure img:hover {
  border: 2px solid rgb(113, 23, 23);
  box-shadow: 0 0 5px 0px rgb(113, 23, 23);
}
.main-page .services .services-box figure a {
  text-decoration: none;
  color: inherit;
}
.main-page .services .services-box figure a:hover {
  color: rgb(113, 23, 23);
}
.main-page .services .services-box figure figcaption {
  padding: 10px;
  font-size: 1.1em;
  font-weight: 600;
}
.main-page .who-we-are {
  grid-area: who-we-are;
  text-align: center;
  padding: 10px;
  background-image: linear-gradient(to top, rgb(251, 244, 236), rgb(242, 228, 212));
  box-shadow: 0 -7px 8px 1px rgb(242, 228, 212);
}
.main-page .who-we-are .fanis-takis-box {
  margin: 20px;
  border-bottom: 2px dotted rgb(53, 53, 90);
}
.main-page .who-we-are h2 {
  border-top: 2px dotted rgb(53, 53, 90);
  padding: 40px;
}
.main-page .who-we-are p {
  padding: 10px;
}
.main-page .who-we-are figure#index-pic1 img {
  width: 100px;
  box-shadow: 0 0 3px 2px gray;
  border-radius: 3px;
}
.main-page .who-we-are figure#index-pic2 img {
  width: 100px;
  box-shadow: 0 0 3px 2px gray;
  border-radius: 3px;
}
.main-page .found-and-send {
  grid-area: found-and-send;
  display: grid;
  background-image: linear-gradient(100deg, rgb(241, 243, 239), rgb(212, 215, 204));
}
.main-page .found {
  border-top: 2px double rgb(53, 53, 90);
}
.main-page .found .found-box {
  margin: 50px 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.main-page .found h2 {
  text-align: center;
  margin: 40px;
}
.main-page .found iframe {
  width: 270px;
  height: 200px;
}

@media screen and (min-width: 481px) {
  .main-page {
    font-size: 1.1em;
    line-height: 1.1;
  }
  .main-page .services .services-box {
    grid-template-columns: repeat(2, 1fr);
  }
  .main-page .services .services-box figure {
    height: 300px;
  }
  .main-page .services .services-box figure img {
    width: 200px;
    height: 200px;
  }
  .main-page .services .services-box h2,
  .main-page .services .services-box h1,
  .main-page .services .services-box p {
    grid-column-start: 1;
    grid-column-end: -1;
  }
  .main-page .who-we-are {
    grid-area: who-we-are;
    padding: 30px;
  }
  .main-page .who-we-are p {
    padding: 20px 0;
  }
  .main-page .who-we-are figure#index-pic1 img {
    width: 120px;
    margin: 2px;
  }
  .main-page .who-we-are figure#index-pic2 img {
    width: 130px;
    margin: 2px;
  }
  .main-page .who-we-are #index-pic1 {
    float: right;
  }
  .main-page .who-we-are #index-pic2 {
    float: left;
  }
  .main-page .found iframe {
    width: 420px;
    height: 300px;
  }
}
@media screen and (min-width: 769px) {
  .main-page {
    font-size: 1.2em;
    line-height: 1.2;
  }
  .main-page .banner {
    height: 50vh;
  }
  .main-page .services .services-box {
    grid-template-columns: repeat(4, 1fr);
  }
  .main-page .services .services-box figure img {
    width: 160px;
    height: 160px;
  }
  .main-page .who-we-are {
    display: grid;
    grid-template-columns: "h2" "takis-div" "fanis-div";
  }
  .main-page .who-we-are h2 {
    grid-area: h2;
  }
  .main-page .who-we-are .takis-div {
    grid-area: takis-div;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
  }
  .main-page .who-we-are .fanis-div {
    grid-area: fanis-div;
    display: flex;
    align-items: center;
  }
  .main-page .who-we-are #index-pic1 {
    float: unset;
  }
  .main-page .who-we-are #index-pic2 {
    float: unset;
  }
  .main-page .who-we-are figure#index-pic1 img {
    width: 160px;
  }
  .main-page .who-we-are figure#index-pic2 img {
    width: 170px;
  }
  .main-page .found-and-send {
    grid-template-columns: 1fr 1fr;
  }
  .main-page .found iframe {
    width: 300px;
    height: 300px;
  }
  .main-page .send {
    border-top: 2px double rgb(53, 53, 90);
    padding: 20px;
  }
}
@media screen and (min-width: 1025px) {
  .main-page {
    font-size: 1.3em;
    line-height: 1.3;
  }
  .main-page .services .services-box figure {
    height: 350px;
  }
  .main-page .services .services-box figure img {
    width: 230px;
    height: 230px;
  }
  .main-page .found iframe {
    width: 450px;
    height: 400px;
  }
  .main-page .send {
    padding: 25px;
  }
}
@media screen and (min-width: 1201px) {
  body {
    background-color: rgba(103, 144, 142, 0.382);
  }
  .services .services-box {
    max-width: 1250px;
    margin: 0 auto;
  }
  .send {
    padding: 40px;
  }
}
footer {
  background-image: linear-gradient(to top, rgb(247, 238, 227), rgb(219, 193, 160));
  color: rgb(65, 13, 13);
  min-width: 320px;
  padding: 10px;
  display: grid;
  grid-template-areas: "first-column" "second-column";
  align-content: center;
  border-top: 5px solid rgb(53, 53, 90);
}
footer h3,
footer p {
  text-align: center;
  font-weight: 600;
}
footer .first-column {
  grid-area: first-column;
  font-size: 1.1em;
  font-weight: 500;
  margin-bottom: 20px;
  padding-top: 15px;
}
footer .first-column .first {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}
footer .first-column .first a {
  text-decoration: none;
  color: inherit;
}
footer .first-column .first img {
  width: 30px;
}
footer .second-column {
  grid-area: second-column;
  font-size: 1.1em;
  font-weight: 500;
}
footer .second-column h3,
footer .second-column p {
  padding: 15px;
}
footer div:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
footer div h3,
footer div p {
  text-align: center;
}
footer h3 {
  font-size: 1.2em;
  border-bottom: rgb(65, 13, 13) solid 2px;
  border-radius: 30%;
  margin: 0 50px;
  padding-bottom: 15px;
}
footer button {
  font-weight: 600;
  width: 40%;
  margin: auto;
  padding: 5px 10px;
  border-radius: 15px;
  background-image: linear-gradient(30deg, rgb(126, 150, 79), rgb(193, 206, 165));
  color: whitesmoke;
  box-shadow: 0 0 5px gray;
}
footer button:hover {
  color: rgb(113, 23, 23);
}

@media screen and (min-width: 769px) {
  footer {
    display: grid;
    grid-template-areas: "first-column second-column";
    align-content: center;
  }
}
div.container {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

main {
  flex: 1;
}

header, footer, main, body {
  margin: 0;
  padding: 0;
}

.container2 a {
  text-decoration: none;
}

.second-page {
  border-top: 5px solid rgb(53, 53, 90);
  background-image: linear-gradient(100deg, rgb(241, 243, 239), rgb(212, 215, 204));
  text-align: center;
  line-height: 1.1;
}
.second-page h1 {
  font-size: 1rem;
  color: rgb(65, 13, 13);
  margin: 20px;
  text-align: center;
  margin-top: 40px;
  margin-bottom: 20px;
}
.second-page h3 {
  font-size: 1.7rem;
  color: rgb(10, 53, 10);
  margin: 20px;
  text-align: center;
  margin-top: 40px;
  margin-bottom: 60px;
}
.second-page .second-page-inside-box {
  display: grid;
  grid-template-areas: "h1" "ygeia-div" "sintaksi-div" "asf-sp-paidion-div" "pros-oikog-div" "ependiseis-div" "asf-oximatos-div" "asfa-kat-epixirisis-div" "ast-euthini-div";
  margin: 0 30px;
}
.second-page .second-page-inside-box h1 {
  grid-area: h1;
}
.second-page .second-page-inside-box .fig {
  grid-area: sintaksi-div;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-bottom: 3px dotted rgb(206, 180, 148);
  margin-bottom: 30px;
}
.second-page .second-page-inside-box .ygeia-div {
  grid-area: ygeia-div;
  border-top: 3px dotted rgb(65, 13, 13);
}
.second-page .second-page-inside-box .sintaksi-div {
  grid-area: sintaksi-div;
}
.second-page .second-page-inside-box .asf-sp-paidion-div {
  grid-area: asf-sp-paidion-div;
}
.second-page .second-page-inside-box .pros-oikog-div {
  grid-area: pros-oikog-div;
}
.second-page .second-page-inside-box .ependiseis-div {
  grid-area: ependiseis-div;
}
.second-page .second-page-inside-box .asf-oximatos-div {
  grid-area: asf-oximatos-div;
}
.second-page .second-page-inside-box .asfa-kat-epixirisis-div {
  grid-area: asfa-kat-epixirisis-div;
}
.second-page .second-page-inside-box .ast-euthini-div {
  grid-area: ast-euthini-div;
  border-bottom: unset;
}
.second-page .second-page-inside-box p.content {
  padding: 0 20px 30px;
}
.second-page .second-page-inside-box figure {
  text-align: center;
}
.second-page .second-page-inside-box figure img {
  width: 140px;
  height: 140px;
  border: 1px solid gray;
  box-shadow: 0 0 2px 0px gray;
  border-radius: 5px;
  text-decoration: none;
  margin-top: 10px;
}
.second-page .second-page-inside-box figure img:hover {
  border: 3px solid rgb(96, 152, 96);
  box-shadow: 0 0 5px 0px rgb(159, 203, 159);
}
.second-page .second-page-inside-box figure figcaption {
  margin: 0;
  padding: 0px;
  font-size: 1.1em;
  font-weight: 600;
  color: rgb(10, 53, 10);
}

@media screen and (min-width: 481px) {
  .second-page {
    font-size: 1.1em;
    line-height: 1.1;
  }
}
@media screen and (min-width: 769px) {
  .second-page {
    font-size: 1.2em;
    line-height: 1.2;
  }
  .second-page .second-page-inside-box {
    margin: 10px 40px 0;
  }
  .second-page .second-page-inside-box .front {
    flex-direction: row;
  }
  .second-page .second-page-inside-box .back {
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 1025px) {
  .second-page {
    font-size: 1.3em;
    line-height: 1.3;
  }
  .second-page .second-page-inside-box {
    margin: 20px 100px 0;
  }
}
.container2 header {
  background-image: linear-gradient(to top, rgb(247, 238, 227), rgb(219, 193, 160));
  display: grid;
  grid-template-rows: repeat(4, min-content);
  grid-template-columns: 1fr;
  grid-template-areas: "logo" "company" "menu" "green-button";
  align-items: center;
}
.container2 header .green-button {
  grid-area: green-button;
}
.container2 header .green-button button {
  font-size: 1.1em;
  font-weight: 600;
  margin: 50px auto;
  padding: 0 15px;
  border-radius: 50px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: linear-gradient(to bottom, rgb(159, 203, 159), rgb(96, 152, 96));
  min-width: 160px;
  box-shadow: 0 0 5px 0.2px;
}
.container2 header .green-button button:hover {
  background-image: linear-gradient(30deg, rgb(182, 184, 179), rgb(126, 140, 98));
}
.container2 header .green-button button:active {
  background-image: linear-gradient(30deg, rgb(245, 249, 237), rgb(207, 216, 189));
  color: linear-gradient(100deg, rgb(171, 96, 49), rgb(140, 75, 35));
}
.container2 header .logo {
  grid-area: logo;
  justify-self: center;
  margin-bottom: 0;
}
.container2 header .logo img {
  width: 60px;
}
.container2 header .company {
  grid-area: company;
  justify-self: center;
  font-size: 1.5em;
  font-weight: 600;
  margin-top: 0;
}
.container2 header nav {
  grid-area: menu;
}
.container2 header nav button {
  font-size: 1.1em;
  font-weight: 600;
}

@media screen and (min-width: 769px) {
  .container2 header .logo {
    margin-bottom: 5px;
  }
  .container2 header .logo img {
    width: 80px;
  }
  .container2 header .company {
    font-size: 2em;
  }
  .container2 header nav {
    font-size: 1.2em;
  }
  .container2 header .green-button button {
    font-size: 1.3em;
    height: 45px;
    min-width: 170px;
  }
}
img {
  width: 40px;
}

h2 {
  color: rgb(65, 13, 13);
}

body {
  font-family: "roboto flex", sans-serif;
  overflow-x: hidden;
}