.navigation a {

    text-decoration: none;
    color: #151515;
    display: inline-block;
    padding: 15px 30px;
    font-size: 20px;
   


}
.navigation
{
     box-shadow:0 5px 10px #dcdcd8; 
     padding-bottom:10px ;
     background:  #ffff;
}

a:hover {
    color: #d125c5;
}
.logo
{
    text-align: center;
}

.form {

    font-size: 25px;
    background-color: #f4f4f0;
    display: flex;
    justify-content: space-between;


}

.form input {
    border-radius: 0.64em;
    width: 300px;
    height: 37px;

    border: none;



}

/*  */



.register {
    display: inline-block;
    width: 50%;
    height: 30px;
    border-radius: 0.3em;
    font-size: large;
    border: none;
    background-color: rgb(33, 86, 45);
    cursor: pointer;
    margin-left: 30px;


}


.reg {
    /* border: 2px solid #72a372; */
    width: 30%;

    border-radius: 13px;
    background-color: #d1d1cd;
    padding: 10px 4%;
    margin: 80px 15%;
}

.sign {
    text-decoration: underline;
    color: rgb(6, 39, 78);
    text-align: center;
}

#img {
    display: flex;

    justify-content: space-between;
    padding: 0px 30px 50px 120px;
    padding-top: 0px;
    width: 40px;
    height: 30px;


}

.form2 {
    font-size: 25px;
    /* background-color: #f4f4f0; */

}

section {
    background-color: #f4f4f0;


}

.log {

    /* border: 2px solid #72a372; */
    /* width: 30%;
   display: flex;
   justify-content: space-between;
    border-radius: 13px;
    background-color: #c2c2bf;
    padding: 18px 5%;
    margin: 0px 30%; */
    /* width: 30%;
    display: flex;
    justify-content: space-between;
    border-radius: 13px;
    background-color: #d1d1cd;
    padding: 10px 4%;
    margin: 0px 30%; */
    width: 30%;

    border-radius: 13px;
    background-color: #c2c2bf;
    padding: 18px 5%;
    margin: 45px 30%;
}

.form2 input {
    border-radius: 0.64em;
    width: 300px;
    height: 37px;

    border: none;

}

.login {
    display: inline-block;
    width: 30%;
    height: 30px;
    border-radius: 0.3em;
    font-size: large;
    border: none;
    background-color: rgb(33, 86, 45);
    cursor: pointer;
    margin-left: 30px;
}

.form2 label {
    font-size: 20px;
    font-family: Georgia, 'Times New Roman', Times, serif;
}

#img2 {

    /* padding-left: 60px;
    border-radius: 50%;

    display: flex;
    justify-content: space-between;

    padding-top: 10%; */
    display: flex;

    justify-content: space-between;
    padding: 0px 30px 50px 120px;
    padding-top: 0px;
    width: 40px;
    height: 30px;



}

.logofooter
{
    /* font-family:Monotype Corsiva; */
    font-family: Segoe Print;
    
    /* color:#6d6d6b */
    
}


footer
{
    padding-top: 30px;
    padding-left: 20px;
    
    background-color: #f2f2ef;
    border-radius:1em ;
    margin:90px 17px 5px 5px;
    display: flex;
    justify-content: space-between;
    padding-right: 40%;
    flex-wrap: wrap;
    
   
    

}


#content
{
    font-size: 22px;
}

.contact a

    {    padding-left: 50%;
        padding-top: 10px;
        padding-bottom: 10px;
        display: flex;
        justify-content: space-between;
        padding-right: 40%;
        flex-wrap: wrap;
        text-decoration: none;
        font-size: 25px;
        color: #484747;
    
}
.contact a:hover
{
color:#a54a99;
}
hr
{
    display: block;
padding-left: 20px;
}

/* * {
    background: #e6ddd3;
} */

.cards_list {
    width: 100%;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;

}

.card {
    margin: 30px auto;
    width: 300px;
    height: 300px;
    border-radius: 40;
    cursor: pointer;
    box-shadow: 5px 5px 30px 7px rgba(0, 0, 0, 0.25) -5px -5px 30px 7px rgba(0, 0, 0, 0.22);
    transition: 0.4s;

}

.cards_image {
    width: inherit;
    height: inherit;
}

.cards_image img {
    width: inherit;
    height: inherit;
    border-radius: 40px;
    object-fit: cover;
}

.card_title {
    color: #3f2a1b;
    text-align: left;
    font-family: sans-serif;
    font-weight: bold;
    font-size: 20;
}
.about
{
    position: absolute;
   width: 70%;
   font-size: 25px;
   word-spacing: 1px;
   line-height: 1.4em;
   padding-top: 110px;
   padding-left: 20px;
}
.imgabout
{
    padding-top: 45px;
    padding-right: 20px;
    float: right;
    padding-left: 35%;
    margin-bottom: 40px;
    
}
h1
{   position: absolute;
    padding-top: 10px;
    padding-left: 50px;
    font-size: 55px;
   
}
.logofooter h1
{
    /* font-family:Monotype Corsiva; */
    font-family: Segoe Print;
    font-size: 30px;
    padding-left: 0px;
    padding-top: 0;
    
    /* color:#6d6d6b */
    
}

footer
{  
    padding-top: 20px;
    padding-left: 30px;
    
    background-color: #f2f2ef;
    border-radius:1em ;
    
    /* display: flex; */
    justify-content: space-between;
    padding-right: 35%;
    flex-wrap: wrap;
    
    
    
   
    

}


#content
{
   padding-left: 40px; 
}

.contact a

    {    padding-left: 50%;
        padding-top: 10px;
        /* padding-bottom: 10px; */
        display: flex;
        justify-content: space-between;
        padding-right: 40%;
        flex-wrap: wrap;
        text-decoration: none;
        font-size: 25px;
        color: #484747;
    
}
.contact a:hover
{
color:#f989ea;
}



@media (max-width:991px){

    html{
       font-size: 55%;
    }
 
 }
 
 @media (max-width:768px){
 
    .product-display{
       overflow-y:scroll;
    }
 
    .product-display .product-display-table{
       width: 80rem;
    }
 
 }
 
 @media (max-width:450px){
 
    html{
       font-size: 50%;
    }
 
 }