body {
  margin: 0;
  font-family: Arial;
}
.i2
{
	background:url(../images/i8.jpg);
	background-position:top-left;
	background-repeat:no-repeat;
	background-size:cover;
	color:white;
	background-attachment:fixed;
	width: 100%; /* Full width */
    height: 550px; /* Fixed height */
}
     .fixed-top-container {
            position: fixed;
            top: 0;
            width: 100%;
            z-index: 1030; /* High z-index to keep it above other content */
            background-color: #f8f9fa; /* Same as Bootstrap's navbar-light background color */
        }

        .navbar-logo {
            text-align: center;
            padding: 10px 0; /* Adjust as needed */
        }

        .navbar-logo img {
            max-width: 250px;
						/* Adjust as needed */
        }
        .navbar {
            margin-top: 0px; /* Adjust based on the height of your logo */
        }
		
	.card{
		width:350px;
		margin:10px;
		transition: width 2s, height 2s, transform 1s;
		}
	.card:hover
		{
			box-shadow:4px 4px 5px lightblue;
			 transform: rotate(-20deg);
		}