body {
  
}

/* header start */

.logo {
  background-image: url("../images/logo3.svg");
}

/* header end */

/* nav-bar start */

.nav-bar :nth-child(5) {
  color: rgb(51, 193, 124);
  text-decoration: underline;
}

/* nav-bar end */

/* main-page start */

.main-page *{
  /* border: 2px solid black */
}

ul{
  width: 80%;   
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
}

/* footer start */

/* footer end */

/* Responsive start */

@media only screen and (max-width: 1920px) {
  .header {
  }

  .raluca {
    height: 50px;
  }

  .ral {
    text-align: center;
    /* background-color: white; */
  }

  .uca {
    left: 15px;
  }

  .logo {
    position: relative;
    height: 75px;
    width: 75px;
    /* background-color: red; */
    margin: -5px;
  }

  /* header end */

  /* nav-bar start */

  .nav-bar {
    justify-content: space-evenly;
  }

  .nav-bar a {
    font-size: 100%;
    /* background-color: red; */
    /* align-content: space-between; */
    /* padding: 10px 0 10px 0;  */
    margin: 0;
  }

  /* nav-bar end */

  /* main page start */

  .main-page h2 {
    font-size: 2.3rem;
  }

  .main-page p {
    font-size: 1.2rem;
    line-height: 2.7rem;
    padding-top: 5vh;
  }

  /* main page end */

  /* footer start */

  .footer {
    height: 74px;
  }

  .social-network {
    position: relative;
    /* background-color: red; */
    width: 15vw;
    top: 10px;
  }
  .footer img {
    width: 27px;
    height: 27px;
  }

  .footer p {
    position: relative;
    bottom: 10px;
  }
}