body{
    padding: 0;
    margin: 0;
    
}
.brand{
    font-family: 'Meddon', cursive;
    
}


#main{
    background-color: white;
    padding: 0%;
    margin: 0%;
    text-align: center;
    width: 100%;
    height: 80vh;
}
.orange{
    width: 1370px;
    height: 70vh;
}
h5{
   
    color: white;
    font-family: 'Merienda One', cursive;
    font-size: 2em;
    font-weight: 700;
}


.down-main{
    text-align: center;
    margin: 2%;
    padding: 2%;

}
.cate{
    width: 60%;
    height: 90%;
}
#categories{
    text-align: center;
    
    padding: 3%;
    margin-bottom: 3%;
    
}
hr{
    width: 40%;
}
#qualities{
    padding: 5%;

    text-align: center;
}
h3{
    color: #5cb85c;
    padding: 2%;
}
#store{
    text-align: center;
    padding: 2%;
    margin: 2%;
}
.store-row{
    padding: 2%;
    margin: 2%;
    
}

.store-class{
    border-top: solid 2px;
    padding-top: 5%;
    padding-bottom: 5%;
}
#reviews{
    height: 60vh;
    width: 100%;
    background-image: url(images/apple_apple_tree_branch_close_up_color_delicious_food_fresh-1482977.jpg!d);
   background-color: blueviolet;
    text-align: center;
    padding-top: 2%;
    padding-bottom: 2%;
    margin-bottom: 5%;
}
.review-passage{
    color: white;
}
.reviews-div{
    text-align: center;
    width: 50%;
    padding: 5%;
    margin-left: 25%;
    

}
#bottom{
    width: 100%;
    height: 40vh;
    background:#5cb85c;
    margin-top: 5%;
    padding-bottom: 0;
    margin-bottom: 0;
}
#fotter{
    width: 100%;
    height: 10vh;
    background-color:#098725 ;
    /*box-shadow: 5px 5px 5px 5px white;*/
    border-top: solid 1px white;
    padding-bottom: 0;
    margin-bottom: 0;

}
.designer{
    font-family: 'Dancing Script', cursive;
    color: white;
    text-align: right;
    padding-right: 1%;
    padding-top: 0.5%;
   
    font-size: 1.3em;
    padding-bottom: 0;
    margin-bottom: 0;
    text-shadow: 2px 2px 2px black;
    
}

.fab{
    color: white;
    padding-top: 0.5%;
    
   
    
   
}


.contact{
   width: 20%;
    
    
    
}
span{
    color: white;
    text-align: center;
    
}
.fotter-div{
    padding-left: 44%;
    padding-right: 30%;
    padding-top: 0.5%;
    background-color: #098725;
}
.fab:hover{
    color: #5cb85c;
}
.bottom-img{
    width: 65%;
    height: 100%;
}
.col-4{
    text-align: center;
    border-left: 1px solid #098725 ;
    
   
}
.col-4 h5{
    color: #098725;
    padding-top: 3%;
}
.col-4 p{
    color: white;
}