body{

    background-color:rgb(242, 229, 198);

}



.header{

    background-color: rgb(0,62,119);

    text-align:center;

    width: 100%;

    margin:0px 0px 5% 0px;

    max-height:150px;

}

.header p{

    font-size: 180%;

    color:white;

}



.header i{

    font-size: 100%;

    color:white;

    margin-right:10px;

}

ul {

  list-style-type: none;

  margin: 0;

  padding: 0;

}



li{

    display: inline-block;

    width:33%;

}



 /* Μπάρα */

.mpara {



    overflow: hidden;

    background-color: rgb(0,30,60);

    font-family: Arial;  

    padding:auto;

}



/* Σύνδεσμοι μπάρας */

.mpara a {



        color: white;

        float: left;

        font-size: 130%;

        padding: 14px;

        width: 33.33%;

        margin:auto;

        text-decoration: none;	

}





/* Πρόσθεση κόκκινου φόντου στο συνδέσμο του μενού της μπάρας στο hover*/

.mpara a:hover, .dropdown:hover .dropbtn {

        background-color: rgb(150, 21, 25);

}



.logo{    

    max-height:150px !important;

    text-align:center;

}





.photo_container{

    max-height:600px;

    width:60%;

    float:left;

}

.photo{ 

    width:100%;

    height:600px;

    object-fit: cover;

}



.vertical_banner

{

    width:38%;

    float:right;

}



.v_banner

{

    max-height:290px;

    width:100%;

    margin-bottom:20px;

}



.v_banner_left

{

    

    width:75%;

    text-align: center;

    margin:auto;

}





.container{width:100%; }

.row{width:100%;}

.big_text{

    

    font-size: 140%;

    text-align:center;

    color:rgb(0,62,119);

    margin-top:10%;

   

}

.small_text{

    

    font-size: 250%;

    text-align:center;

    background-color:rgb(150, 21, 25);

    color:white;

    margin-top:12%;

    max-height:290px;

 

}



 .small_text_mobile{

        display:none;

        

 }



.row{max-height:600px;}





.footer{

    margin-top:1%;

    background-color: rgb(0,30,60);

    width:100%;

}



.footer_part{

  

    width:100%;

    padding:5% 10% 10% 10%;

}



.footer p{

    

   color:white;

   font-size:120%;

}



.footer i{

    

    color:white;

    font-size:120%;

    margin-right:15px !important;

    width:5%;

}



.footer h3{

    text-align:center;

    color:white;

    text-decoration: underline;

    margin-bottom:10%;

}



.footer a:hover{

    color:rgb(150, 21, 25);

}



.copyright{

    height:40px;

    width:100%;

    background-color:rgb(0,0,15);

    color:white;

    font-size:80%;

    text-align:center;

    padding: 1%;

}









.catalog_row{

    

   text-align: center;

   font-size:150%;     

}





.catalog_row table{

    width:60%;

    margin:auto;

}

.number_td{

    width:5%;

    color:rgb(0,62,119);

}



.text_td{

    text-align: left;

    width:80%;

}

.price_td{

    text-align: right;

    width:15%;

}







.catalog_ul{

    width:100%;

    margin-top:5%;

    text-align: center;

}



.catalog_ul li{

    width:100%;

}



.catalog_ul li::before {

    content: "\2022";

    color: rgb(0,62,119);

 }



 h1{

     width:100%; 

     text-align: center;

     padding:2%;

 }



#red_title{

    color:rgb(150, 21, 25); 

    border-top: 1px dashed black; 

}



#blue_title{

    color:rgb(0,62,119);

    border-top: 5px  solid rgb(0,62,119);

}



.picture_table{

    margin:auto;

    width:70%;

    text-align: center;

    

}



.picture_table td{

    width:50%;

    padding:2%;   

}



  .picture_table img{

        max-width:100% !important;

        padding:2%;   

    }

input{width:90% !important; margin-top:5px;}



textarea{width:90% !important;}



.buttons{

    width:90%;

    margin-bottom:5% !important;

}   



.button{

    text-align: center;

    padding:5px;

    min-width: 150px;

}



@media(max-width: 1250px){

   

    .mpara a{

        font-size:120%;

    }

    

    .container{

        margin-top:7% !important;

    }

    

    

    .small_text{

        font-size:150%;

    }

    

    .footer a{

        font-size:90%;

        break-line:none;

    }

    .footer p{

        font-size:90%;

        break-line:none;

    }

    .footer i{

        font-size:90%;

    }

    

    .footer h3{

        font-size:90%;

    }

    

    #big_photo{

        max-height:400px !important;

    }

    

    .catalog_row table{

        width:100%;

        margin:auto;

    }

    

    .picture_table{

        width:80%;

        margin:auto;

    }

    

    .picture_table td{

        width:50%;

        padding:2%;   

    }

    

  

}





@media(max-width: 820px){

   

    .logo img{

        

        max-height:100px !important;

        

    }

    

    .header p{

        font-size:120%;

    }

    

     .header li{

        max-width:30% !important;

    }

    

     .mpara a{

        font-size:100%;

    }

    

      .container{

        margin-top:0% !important;

    }

     #big_photo{

        max-height:290px !important;

    }

    

    .footer li{

        max-width: 30% !important;

    }

    

    input{margin:auto !important;}



    textarea{margin:auto !important;}



     .footer h3{

        margin-top:0% !important;

        margin-bottom:5% !important;

    }

    .footer li{

       width:100% !important; 

       max-width:100% !important; 

       border-bottom: 1px solid white;



    }

    

    .footer_part{

       width:100% !important; 

       max-width:100% !important; 

       max-height:250px;

       text-align: left;

       margin:auto;

    }

}



@media(max-width: 700px){

   

     .header p{

        font-size:100%;

    }

    

    .small_text{

        display:none;

    }

    

    .small_text_mobile{

        display:block;

        width:100%;

           

        font-size: 150%;

        text-align:center;

        background-color:rgb(150, 21, 25);

        color:white;

        margin-top:12%;

        max-height:290px;

    }

    

    .buttons{

        margin-bottom:50px !important;

    }

    



@media(max-width: 600px){

   

    .header li{

       width:100% !important; 

       max-width:100% !important; 

    }

      .mpara{

        margin-top:-3% !important;

    }

    .mpara a{

        width:100% !important; 

       max-width:100% !important; 

    }

    .container{

        margin-top:150px !important;

        width:100% !important; 

    }

    

    

    .vertical_banner{

        display:none;

    }

    .row{

        width:100% !important; 

        margin:auto !important; 

    }

     .photo_grid{

        width:100% !important; 

    }

    .photo_container{

        width:100% !important;                 

    }

   

    .form-horizontal{

        margin-top:150px !important;

    }

  

    

    .catalog_row{

        font-size:90%;

    }

   

    #red_title{

        font-size:140%;

    }

    

    #blue_title{

        font-size:140%;

    }

    

      .big_text{

        font-size:110%;

    }

    

    .small_text_mobile{

        font-size:120%;

    }



}

}