body {
    font-family: 'Lora', serif;
}

#giftgrove-logo {
    border-radius: 10px;
    margin-top: 150px;
}

.fa-gift {
    color: green;
}

.fa-home {
    color: burlywood;
}

.fa-heart-o {
    color: hotpink;
}

.fa-newspaper-o {
    color: navy;
}

.fa-shopping-bag {
    color: purple;
}

.fa-envelope {
    color: lightseagreen;
}

.fa-angle-right {
    color: darkgray;
}

#nav-buttons:hover {
    background-color: lightgray;
    opacity: .6;
    border-radius: 5px;
}

.page-section {
    padding-top: 25px;
    padding-bottom: 25px;
}

#Home {
    background: url("./photos/soap2.jpg") 50% fixed;
    width: 100%;
    min-height: 600px;
}

h1 {
    padding-top: 25px;
}

#Products {
    background-color: white;
    width: 100%;
    min-height: 600px;
}

#White-Container {
    background-color: white;
    width: 85%;
    min-height: 580px;
    border-radius: 10px;
}

#BeautyShop {
    background: url("./photos/aloeplants1.jpg") 50% fixed;
    width: 100%;
    min-height: 600px;
}


#BeautyShop img {
    box-shadow: 10px 7px 7px rgb(230, 227, 227);
    background-color: whitesmoke;
}

#img-scale-transition{
    margin-top: 20px;
    margin-bottom: 20px;
    transition: all 1.5s ease;
}

#img-scale-transition:hover {
    transform: scale(1.05);
}

#aloette-button {
    margin-top: 30px;
    margin-bottom: 50px;
}

#FlowerShop{
    background: url('./photos/pinktulips.jpg') 50% fixed;
    width: 100%;
    min-height: 600px;
}

#FlowerShop img {
    border: 3px solid lightcoral;
    border-radius: 5px;
}

#ProductsPage {
    background: url("./photos/sunflowermasonjar.jpg") 100% fixed;
    width: 100%;
    min-height: 1000px;
}

#Products-Container {
    background-color: white;
    width: 85%;
    min-height: 700px;
    margin-top: 100px;
    border-radius: 10px;
    padding: 25px;
}

.product-categories span {
    width: 500px;
    max-height: 300px;
}

#studio27 {
    background-color: white;
    max-width: 300px;
    height: 30px;
    margin-top: 20px;
}

#studio27 a {
    margin: 5px;
}

#studio27 i {
    margin: 5px;
}

.dev {
    display: inline-block;
}