body {
    overflow: scroll;
}
.nav-link{
    font-size:1.3rem;
}
.nav-edited{
    position:sticky;
    top:0;
    width:100vw;
    background-color: rgba(248, 249, 250, 0.8);
    backdrop-filter: blur(5px);
    box-shadow: 0 8px 6px -6px #00000030;
    font-size:16px;
    font-weight: 500;
    z-index:1;
    margin-bottom: 1rem;
}

.nav-item{
    border-radius: 4px;
    margin:8px;
}


.dropdown-item:hover{
border-left:4px solid rgb(42, 42, 221);
}

.item-description{
    color:grey;
}
.home-pane-container{
    display:flex;
    flex-direction: row;
    font-size: 3rem;
    margin: 1rem;
    justify-content:space-evenly;
    flex-wrap: wrap;
}
.home-pane-text{
    width:400px;
}
.home-pane-text p{
    color:#00000080;
    font-size: 1.5rem;;
}
.home-pane-img img{
    height:300px;
    border-radius: 16px;
    box-shadow: 3px 3px 16px #00000080;
    margin:4px;
}
.prod{
    padding:32px;
}
.prod-head-cont{
    display:flex;
    gap:2rem;
    flex-wrap: wrap;
}
.prod .prod-head-cont > h2{
    color:#00000075;
    align-self: center;
    width:500px;
}
.prod .prod-img{
    height:467px;
    width:400px;
    margin:16px;
}
.prod-des{
    line-height:100%;
    color:red;
}

.prod i{
    padding:16px;
}
.contact-button{
    text-align: center;
    height:75px;
    width:75px;
    position:fixed;
    right:50px;
    bottom:75px;
    z-index: 3;
    color:#0d6efd;
}
.contact-button:hover{
    color:black;
}

#footer{
    display:flex;
    flex-direction: row;
    justify-content: space-around;
    color:rgb(78, 78, 78);
}

@media (max-width:960px) {
    .home-pane-img{
        display: flex;
        flex-direction: column;
    }
}

@media (min-width:1200px) {
    .prod-head-cont{
        gap:10rem;
    }
}

@media (max-width:449px){
	body{
		max-width:100vw;
		overflow-x:hidden;
	}
	.home-pane-container{
		margin:0;
	}
	.home-pane-img{
		margin:4px;
	}
	.home-pane-text{
		width:350px;
	}
	.prod-head-cont{
		justify-content: center;
	}
	.prod .prod-head-cont > h2{
		width:300px;
	}
	.prod .prod-img{
		margin:0;
		width:250px;
		height:280px;
	}
	#footer{
		flex-direction:column;
	}
}