body, html 
{
    margin:0; 
    height:100%; /*  ΜΕΓΙΣΤΟ ΥΨΟΣ*/
    font-family: Verdana, Geneva, Tahoma, sans-serif; /* ΓΡΑΜΜΑΤΟΣΕΙΡΑ*/
}

* /* ΟΛΑ ΤΑ ΣΤΟΙΧΕΙΑ BORDER BOX  */
{
    box-sizing: border-box; 
}

.parallax 
{
    background-image: url('pic1.jpg'); 
    height: 100%; /* NA ΠΙΑΝΕΙ ΟΛΟ ΤΟ ΥΨΟΣ ΤΗΣ ΣΕΛΙΔΑΣ */
    background-position: center; /* ΝΑ ΚΕΝΤΡΑΡΙΣΤΕΙ */
    background-repeat: no-repeat; /* ΝΑ ΜΗΝ ΕΠΑΝΑΛΑΜΒΑΝΕΤΑΙ */
    background-size: cover; /* ΚΑΛΥΠΤΕΙ ΟΛΗ ΤΗΝ ΣΕΛΙΔΑ ΧΩΡΙΣ ΚΕΝΑ */
    background-attachment: fixed; /* ΣΤΑΘΕΡΗ */
}


.header img 
{
    width:350px; /* ΠΛΑΤΟΣ */
}

.header 
{
    padding:20px; /* ΑΠΟΣΤΑΣΗ Π,Κ,Δ,Α */
}

.footer 
    {
        width: 100%; /* ΝΑ ΠΙΑΝΕΙ ΠΛΑΤΟΣ ΤΗΣ ΣΕΛΙΔΑΣ */
        float:left; /* ΝΑ ΞΕΚΙΝΑΕΙ ΑΠΟ ΑΡΙΣΤΕΡΑ */
        text-align: right; /* ΓΡΑΜΜΑΤΑ ΝΑ ΕΙΝΑΙ ΔΕΞΙΑ */
        padding:20px; /* ΑΠΟΣΤΑΣΗ Π,Κ,Δ,Α */
        background-color: blue; 
    }

.footer p 
{
  font-size:30px; /* ΜΕΓΕΘΟΣ ΓΡΑΜΜΑΤΩΝ */
  color:white; 
}

.menu
{
   background-color: rgba(255, 255, 255, 0.4); /* ΔΙΑΦΑΝΗ ΦΟΝΤΟ*/
   margin-bottom:100px; /* ΑΠΟΣΤΑΣΗ ΠΡΟΣ ΤΑ ΚΑΤΩ */
}


.menu ul  
{
    text-align: center; /* ΓΡΑΜΜΑΤΑ ΣΤΟ ΚΕΝΤΡΟ*/
    width: 100%; /* ΠΛΑΤΟΣ ΠΛΗΡΕΣ */
    list-style:none;  /*ΧΩΡΙΣ ΚΟΥΚΙΔΕΣ */
    padding: 20px 0; 
}


 .menu  li 
 { 
    display:inline; /* ΟΡΙΖΟΝΤΙΑ ΛΙΣΤΑ */
    padding:20px; /* ΑΠΟΣΤΑΣΗ */
 }

 .menu a 
 {
    font-size:20px; /* ΜΕΓΕΘΟΣ ΓΡΑΜΜΑΤΩΝ */
    text-decoration: none; /* ΟΧΙ ΥΠΟΓΡΑΜΜΙΣΜΕΝΑ */
    color:blue; /* ΧΡΩΜΑ ΓΡΑΜΜΑΤΩΝ*/
 }

 .menu .active 
 {
    text-decoration:underline; /* ΥΠΟΓΡΑΜΜΙΣΜΕΝΟ */
 }

 .main 
 {
    padding:40px; 
    width: 100%; /* ΠΛΗΡΕΣ ΠΛΑΤΟΣ*/
    float:left; /* ΞΕΚΙΝΑΕΙ ΑΠΟ ΑΡΙΣΤΕΡΑ */
}

.left 
{
    float:left; /* ΞΕΚΙΝΑΕΙ ΑΠΟ ΑΡΙΣΤΕΡΑ*/
    width:70%; /* ΝΑ ΠΙΑΝΕΙ ΤΟ 70% */
    padding:30px; /* ΑΠΟΣΤΑΣΗ */
    text-align: center; /* ΓΡΑΜΜΑΤΑ ΣΤΟ ΚΕΝΤΡΟ */
}

.right 
{
    float:right; /* ΞΕΚΙΝΑΕΙ ΑΠΟ ΔΕΞΙΑ*/
    width:30%; /* ΝΑ ΠΙΑΝΕΙ ΤΟ 30% */
    padding:30px; /* ΑΠΟΣΤΑΣΗ */
    background-color: rgba(255, 255, 255, 0.5); /* ΘΑΜΠΟ */
    box-shadow: 0px 4px 4px black; /* ΣΚΙΑ */
}

.right h3 
{
    text-align: center; /* ΓΡΑΜΜΑΤΑ ΣΤΟ ΚΕΝΤΡΟ */
    color:black; 
}

form input 
{
  width:100%; /* ΠΛΑΤΟΣ ΠΛΗΡΕΣ */
  padding:20px; 
}

form 
{ 
    padding:10px; 
}

textarea 
{
    width: 100%;
    height: 70px;
    border: 2px solid #ccc;
    border-radius: 4px;
    resize: none;
  }

input[type=submit] 
{
    background-color: blue;
    color: white;
    padding: 12px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    width:100%;
}
  

.aboutus
{
    background-color: rgba(255, 255, 255, 0.6);
}

.aboutus p
{
    text-align: left;
    font-size: 18px;
}












 @media screen and (max-width: 1000px) /*ΑΛΛΑΖΕΙ Η ΕΜΦΑΝΙΣΗ ΚΑΤΩ ΑΠΟ 1000PX */
 {

   

    .menu
    {
    margin-bottom:0px; /* 0 ΑΠΟΣΤΑΣΗ */
    }

    .main 
    {
        padding:0; 
    }


    .menu li 
    {
       display:block; /* ΚΑΘΕΤΟ ΜΕΝΟΥ */
    }


    .header img 
    {
    width:350px; 
    margin-left:auto; 
    margin-right:auto; 
    display:block; /* ΚΕΝΤΡΑΡΙΣΜΑ  */
    }

    .left 
    {
        width: 100%; 
        font-size:15px; /*ΜΕΓΕΘΟΣ ΓΡΑΜΜΑΤΩΝ */
    }

    .right 
    {
    width: 100%; 
    padding:0; 
    }

    .aboutus h1
    {
        font-size: 15px;
    }
    
    .aboutus p
    {
    text-align: left;
    font-size: 13px;
    }


    
 }