body {
   

    background-image: repeating-radial-gradient(circle at center center, transparent 2px, 
    transparent 11px,rgba(255,255,255,0.04) 11px, rgba(255,255,255,0.04) 19px,transparent 
    19px, transparent 29px,rgba(255,255,255,0.04) 29px, rgba(255,255,255,0.04) 33px),
    repeating-radial-gradient(circle at center center, rgba(0,0,0, 0.89) 0px, 
    rgba(0,0,0, 0.89) 5px,rgba(0,0,0, 0.89) 5px, rgba(0,0,0, 0.89) 17px,
    rgba(0,0,0, 0.89) 17px, rgba(0,0,0, 0.89) 30px,rgba(0,0,0, 0.89) 30px, 
    rgba(0,0,0, 0.89) 43px,rgba(0,0,0, 0.89) 43px, rgba(0,0,0, 0.89) 45px,rgba(0,0,0, 0.89) 45px,
     rgba(0,0,0, 0.89) 47px); background-size: 53px 53px;
}



    .img{
       
        width: 800px;
        position: absolute;
        top: 35%;
        left: 50%;
        transform: translate(-50%, -50%);}
    
 
    
   
        
        
        
            
    

    .btn{
      
        position: absolute;
        top: 65%;
        left: 50%; transform: translate(-50%, -50%);
        text-decoration: none;
       
       
        
    
    }
    .btn{
        display: inline-block;
        font-weight: 600;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        border: 2px solid transparent;
        padding: 12px 30px;
        font-size: 16px;
        line-height: 1.5;
        border-radius: .1875rem;
        transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    }
    .btn-outline-new-white {
        color: #fff;
        background-color: transparent;
        background-image: none;
        border-color: #cfa671;
    }
    .btn-outline-new-white:hover {
        color: #ffffff;
        background-color: #cfa671;
        border-color: #cfa671;
    }
    
    



 


        @media(max-width: 600px) { /* Εμφανιση σε μικρες συσκευες */
            .img{ 
                width: 360px;
            }

            .btn{
                top: 65%;
                left: 50%; 
                transform: translate(-50%, -50%);
            }

            .callus {
                padding-top: 10px;
                top: 83%;
                left: 50%; 
                transform: translate(-50%, -50%);
                font-size: 15px;
                padding-top: 50px;
            }
            
    }

    
        
    @media(max-width: 769px) { /* Εμφανιση σε μικρες συσκευες */
        .img{ 
            width: 360px;
        }

        .btn{
            top: 55%;
            left: 50%; 
            transform: translate(-50%, -50%);
        }

        .callus {
            padding-top: 10px;
            top: 60%;
            left: 50%; 
            transform: translate(-50%, -50%);
            font-size: 15px;
            padding-top: 50px;
        }

        
        
}

@media(max-width: 375px) { /* Εμφανιση σε μικρες συσκευες */
    .img{ 
        width: 360px;
    }

    .btn{
        top: 64%;
        left: 50%; 
        transform: translate(-50%, -50%);
    }

    .callus {
        padding-top: 10px;
        top: 60%;
        left: 50%; 
        transform: translate(-50%, -50%);
        font-size: 15px;
        padding-top: 50px;
    }
    
}

@media(max-width: 540px) { /* Εμφανιση σε μικρες συσκευες */
    .img{ 
        width: 360px;
    }

    .btn{
        top: 68%;
        left: 50%; 
        transform: translate(-50%, -50%);
    }

    .callus {
        padding-top: 10px;
        top: 60%;
        left: 50%; 
        transform: translate(-50%, -50%);
        font-size: 15px;
        padding-top: 50px;
    }
    
}

@media(max-width: 1280px) { /* Εμφανιση σε μικρες συσκευες */
    .img{ 
        width: 360px;
    }

    .btn{
        top: 63%;
        left: 50%; 
        transform: translate(-50%, -50%);
    }

    .callus {
        padding-top: 10px;
        top: 57%;
        left: 50%; 
        transform: translate(-50%, -50%);
        font-size: 15px;
        padding-top: 50px;
    }
    
}

    
        


   .callus{
       text-align: center;
       color: white;
       top: 78%;
       left: 50%; transform: translate(-50%, -50%);
       font-size: 26px;
       position: absolute;
       
   }


.footer{
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background-color: rgb(0, 0, 0);
color: white;
text-align: center;


}