body {
    margin: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: background-image 1s;

}

 .Section {
        width: 33%;
        margin: 100px auto;
        background-color: #4A4A4A;
        padding: 25px;
        font-size: large;
        color: white;
        z-index: 1;
	 

    }

	.Section3 {
         width: 70%;
         margin: 100px auto;
         background-color: #4A4A4A;
         padding: 25px;
         font-size: large;
         color: white;
         z-index: 1;
}

    .Section2 {
        width: 33%;
        margin: auto;
        background-color: #4A4A4A;
        padding: 25px;
        font-size: large;
        color: white;
        z-index: 1;

    }


    .Overlay {
        height: 100%;
        background-color: black;
        opacity: .2;
        position: absolute;
        width: 100%;
        z-index: -1;
        
    }

	.Galleryimg{
    	width: 200px;
    	height: 200px;
		position: center;

	

	}

#mobile-navigation {
    position: fixed;
    inset: 0;
    height: 100vh;
    gap: 0;
	background-color: grey;
    transition: margin-left .25s;
    z-index: 99;
    flex-direction: column;

    a {
        width: 100%;
        flex: 1;
		display: block;
        height: auto;
    }



}





#burger {
    height: 100%;
    background-color: transparent;
    border: none;
    cursor: pointer;
    transition: transform .5s;
    padding: 2rem;
    z-index: 199;

    &:hover {
        transform: translateY(-5px);
	}}

& > div{


	width: 2rem;
	height: 3px;
	background-color: black;
	margin-bottom: .5rem;

}

	#header__logo {
    width: 100px;
}
#Logo  {
    height: 100%;
    background-color: transparent;
    border: none;
    cursor: pointer;
    transition: transform .5s;
    padding: 2rem;

    &:hover {
        transform: translateY(-5px);
    }

    img1 {
        height: 100%;
    }
}
@media (max-width: 1000px) {
    #desktop-navigation {
        display: none;
    }
}

@media (min-width: 1000px) {
    #burger {
        display: none;
    }

    #mobile-navigation {
        display: none !important;
    }
}




