body {
       margin-bottom: 0px; 
}
.container {
        background-color: #0085fe;
        padding: 20px;
        border-radius: 25px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
        max-width: 600px;
        margin: 0 auto;
        margin-top: 25px;
        }

.logo-container {
        display: flex;
        justify-content: center;
        margin-bottom: 20px;
        margin-top: 50px;
        }

.logo {
        max-width: 30%; 
        height: auto;
        margin-bottom: 5px;
        transition: 250ms ease-in-out;
        }

.logo:hover {
        transform: scale(1.07);       
        }

h1 {
        color: #fff;
        font-size: 2em;
        margin-top: 5px;
        font-family: 'ray';
        font-weight: 800;
        }       

h3 {
        color: #fff;
        margin-top: 15px;
        font-family: 'ray';
        font-weight: 400;
        }
		
.email {
        color: #fff;
        margin-top: 5px;
        font-family: 'ray';
        font-weight: 600;
        }
		
.email:hover {
        color: #e6f3ff;
        }
		
.cp {
        color: #fff;
        margin-top: 5px;
        font-family: 'ray';
        font-weight: 600;
        }
		
.cp:hover {
        color: #e6f3ff;
        }
		
.glp {
        color: #fff;
        margin-top: 5px;
        font-weight: 600;
        }
		
.glp:hover {
        color: #e6f3ff;
        }


@media (max-width: 767px) {
.logo {
        max-width: 50%; 
    }
        }

@media (max-width: 480px) {
    .container{
        margin-left: 15px;
        margin-right: 15px;
    }
    .logo {
        max-width: 70%; 
        }
}