/* About */
#about {
  background-color: rgb(111, 100, 100);
  background-image: url("../images/backgrounds/blue-wave.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
/*Apostasi koytiwn apo Header*/
#about .container {
  padding-top: 15em;
  padding-bottom: 15em;

  height: calc(100vh - 7em);
}

#about .box-left,
#about .box-right {
  /* color: var(--dark-blue); */
  padding: 2em 4em;
  padding-bottom: 1.5em;
  text-align: center;
  border-radius: 0;

  background: rgb(195,195,195);
  background: linear-gradient(45deg, rgb(210, 210, 210) 0%, rgba(131, 180, 249, 1) 100%);
}

#about i {
  font-family: 'Source Serif Pro', serif;
  font-size: 1rem;
  font-weight: 400;
}
/* Grammes titlwn koytiwn kai ypogramisis tous*/
#about .title-left,
#about .title-right {
  color: white;
  border-bottom: 1px solid rgb(21, 109, 211);
}

#about .title-right {
  margin-left: 2em;
}

#about .title-left {
  margin-right: 2em;
  z-index: 2;
}




#about h2 a {
  color: white;
  text-decoration: none;
}

#about h2 a:hover {
  color: var(--orange);
}

#about p {
  max-width: 65ch;
}

.contact-btn button {
  display: block;
  margin: 0 auto;
}

a {
  text-decoration: none;
}

.mini-text .row {
  margin-bottom: 50px;
}

@media only screen and (max-width: 992px) {
  #about .container {
    height: auto;
  }
}

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

  #about .title-left,
  #about .title-right {
    margin-left: 0px;
    margin-right: 0px;
  }

  .title-right>*,
  .title-left>* {
    text-align: center;
  }
}

@media only screen and (max-height: 1000px) {
  #about .container {
    height: auto;
  }
}