/*header style DESKTOP*/

    /*header container*/
.header{
    display: flex;
    justify-content: space-between;
    padding-top: 20px;
    max-width: 80%;
    margin: 0px auto;
   
}

.logo{
    margin: 0px;
    display: flex;
    align-items: center;
}

.button-header{
    margin: 0px;
    display: flex;
    align-items: center;
    
}
    /*------------------------*/

/*header logo*/

.logo img{
    width: 30%;

}







/*header button-header*/
.btn-header {
	  display: inline-block;
    font-size: 15px;
    font-weight: 800;
    color: #000102;
    background-color: #6DF6FF;
    border: 1px solid #6DF6FF;
    padding: 8px 30px;
    text-transform: uppercase;
    
    font-family: 'Averta', sans-serif;
	
    border-radius: 60px;
    box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    box-shadow: 3px 3px 5px rgba(34, 34, 34, .5);
    αναλαμβάνεται κάθε 3 δευτερόλεπτα */
    transition: all 0.3s ease-in-out;
}
.btn-header:hover {
	 background-color: #D82342;
    border-color: #D82342;
    color: #fff;

}
.btn-header:active {
	position:relative;
	top:1px;}

    @media only screen and (max-width: 600px) {
    
    
    
    .logo img{
    width: 60%;

}
    
    
    }



    @media only screen and (min-width:600px) and (max-width: 992px) {

.logo img{
    width: 40%;

}



    }