/*MOBILE*/

/*home*/
body {
    background-color:whitesmoke;
 }

 /********andrejs******/

 .andrejs {
  display:flex;
  flex-direction: column;
  justify-content: space-evenly;
  padding-right:20px;
  padding-top:20px
}

.andrejs a{
  padding-left:10px;
  padding-bottom: 30px;
  color: grey;
  text-align: justify;
  width:100%;
  font-size: 30px;
  font-family: 'Lexend Peta', sans-serif;
  
}

.thegarden {
position: absolute;
float: left;
top:100px;
bottom:0%;
padding-left: 10px;
}

.download {
  display:flex;
  flex-direction: column;
  justify-content: space-evenly;
  padding-right:20px;
  padding-top:20px;
}

.download a{
  padding-left:10px;
  padding-bottom: 30px;
width: 100%;
color:rgba(75, 100, 153, 0.8);
text-align: justify;
width:100%;
font-size: 30px;
font-family: 'Lexend Peta', sans-serif;
}

.download img{
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 35%;
}


/*martins*/

 .martins {
  display:flex;
  flex-direction: column;
  justify-content: space-evenly;
  padding-right:20px;
  padding-top:10px
}

.martins a{
  padding-left:10px;
  padding-bottom: 30px;
  color: seashell;
  text-shadow:  0px 0px 10px  white;
  text-align: justify;
  width:100%;
  font-size: 300px;
  font-family: 'Lexend Peta', sans-serif;
  
}

/**********sin********/

 .sintija {
  display:flex;
  flex-direction: column;
  justify-content: space-evenly;
  padding-right:20px;
  padding-top:1000px
}

.sintija a{
  padding-left:10px;
  padding-bottom: 30px;
  color: goldenrod;
  text-align: justify;
  width:100%;
  font-size: 30px;
  font-family: 'Lexend Peta', sans-serif;
  
}
/****************dana***************/

 .dana {
    display:flex;
    flex-direction: column;
    justify-content: space-evenly;
    padding-right:20px;
    padding-top:20px
}

.dana a{
    padding-left:10px;
    padding-bottom: 30px;
    color: blueviolet;
    text-align: justify;
    width:100%;
    font-size: 30px;
    font-family: 'Lexend Peta', sans-serif;
}

/****************anja**************/

.anja {
    display:flex;
    flex-direction: column;
    justify-content: space-evenly;
    padding-right:20px;
    padding-top:20px
}

.anja a{
    padding-left:10px;
    padding-bottom: 30px;
    color: crimson;
    text-align: justify;
    width:100%;
    font-size: 30px;
    font-family: 'Lexend Peta', sans-serif;
    
}


  /************ NAVIGATION ********************/
  
  .works{
   display: flex;
   flex-direction: column;
   justify-content: space-evenly;
   float: right;
   font-size: 100px;
   padding-right: 10%;
  
  }
  
  .lang {
    display:flex;
    flex-direction: row;
    justify-content: space-between;
    margin-left: 10px;
  }
  
  .lang a{
  
    margin-top: 0px;
    margin-left: 10px;
    padding-bottom: 10px;
    padding-right:10px;
    font-family: 'Sorts Mill Goudy', serif;
    float:right;
    text-align: right;
    text-decoration: none;
    font-size: 20px;
    color: blue;
    border-style: dotted dashed solid double;
  }
  
  .lang a:hover {
    color: greenyellow;
  }
  
  
  .first {
    display:flex;
    flex-direction: column;
    justify-content: space-between;
  }
  
  .first a{
    width: 50%;
    padding-right: 30px;
    margin-bottom: 10px;
    font-family: 'Sorts Mill Goudy', serif;
    text-align: left;
    text-decoration: none;
    font-size: 30px;
    color: blue;
    height: 100px;
    font-size: 20px;
    border-style: dotted dashed solid double;
  }
  
  .second {
    display:flex;
    flex-direction: row;
    justify-content: space-between;
  }
  
  .second a{
    width: 50%;
    padding-right: 30px;
    margin-bottom: 10px;
    font-family: 'Sorts Mill Goudy', serif;
    text-align: left;
    text-decoration: none;
    font-size: 30px;
    color: blue;
    height: 100px;
    font-size: 20px;
    border-style: dotted dashed solid double;
  }
  
  .navigation {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    overflow: hidden;
    position: fixed;
    width: 100%;
  }
  
  .navigation a:hover {
    color: greenyellow;
  }
  
  .footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: rgba(100, 100, 200, 0.8);
    text-align: center;
    padding-top: 10px;
    padding-bottom: 5px;
  }
  
  .footer a {
  color: greenyellow;
  font-family: "Verdana", Verdana, sans-serif;
  font-size:16px;
  font-weight: 100;
  }
  
  /*********************************DESKTOP**********************************/
  
  @media only screen and (min-width: 768px){
  
  
    .navigation {
      float: left;
      padding-top: 15%;
      padding-left:0%;
      width: 100%;
      justify-content: space-between;
    }
  
    .first {
  
      flex-direction: column;
   }
  
    .first a{
      font-size: 30px;
      width: 150px;
      padding-right: 0px;
       height: 200px;
    }
  
    .second {
  
      flex-direction: column;
  
    }
  
    .second a{
      margin-right: 100px ;
      font-size: 30px;
      width: 150px;
      padding-right: 0px;
       height: 415px;
    }
  
    .lang {
      right:0%;
    }
  
    .lang a{
      height: 315px;
      margin-top: 100px;
      padding-bottom: 0px;
      padding-right:0px;
    }

    .dana {
        flex-direction: row;
    }
  
    .anja {
        flex-direction: row;
    }

    .andrejs {
      flex-direction: row;

      
  }

  .thegarden {
    position: fixed;
    top: unset;
    bottom:5%;
    padding-left: 10px;
    }

    .download {
      flex-direction: row;
    }
  }




  
  /*font-family: 'Cormorant Unicase', serif;
  font-family: 'Sorts Mill Goudy', serif;
  font-family: 'Lexend Peta', sans-serif;*/