body{
  margin: 0 auto;
  font-family: 'Catamaran', sans-serif;

}




/* product */

.product{
  display: flex;
  padding: 3em 10em 0em 17em;
}



.flower{
  height: 512px;
}










.detailTile{

  font-family: 'Work Sans', sans-serif;
  color: #303030;
  padding: 0em 34px 0em;
  margin: 0;
  font-size: 26px;
  font-weight: 600;

}

.description{
  color: #7F7F7F;
  padding: 0em 10em 0em 34px;
  font-weight: lighter;
}

hr{
  margin: 0em 158px 0 32px;
}

.price{
  display: flex;
}



.money p{
  font-weight: bold;
  color: #000;
  font-size: 23px;
  padding: 0 0 0 1.5em;
  margin: 20px 0 0;

}

.addtocart{
  padding-left: 13em;
  padding-top: 1em;
}
.addtocart a{
  background-color: #303030;
  border: none;
  color: #fff;
  padding: 2px 19px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 15px;
  margin: 4px 2px;
  cursor: pointer;

}

.addtocart a:link{
  color:#fff;
}
.addtocart a:hover {
  opacity: 0.7;
}



h1{
  display: hidden;
}



/* footer */

 .footer{
  background-color: #000;
  width:100%;
  height: 10%;

}

/* .footer a{
  text-decoration: none;
  color:#fff;
  font-size: 14px;
  letter-spacing: 1px;
}
.footer ul{
  padding-right: 10em;
}
.footer li{

  padding: 0px 1em 0px;
}

.footer a:active{
  color:#fff;
} */

#footer p{
  font-weight: 100;
  text-align: right;
  color: #fff;
  font-size: 13px;
  letter-spacing: 1px;

}
  #footer {
   position:absolute;
   bottom:0;
   width:100%;
   height:43px;   /* Height of the footer */
   background:#000;
}
/*
.footer ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;

}

.footer li {
  float:right;
}

.footer li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 50px;
  text-decoration: none;
}

.footer li a:hover {
    color: white;
    height: 22px;
    background-color: #333;
}  */



/* responsive */
@media screen and (max-width:375px){
  .product {
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
      padding: 3em 0em 0em 3em;
  }
  .detail{
    margin-right: 4em;
  }
  .description {
    color: #7F7F7F;
    padding: 0em 0em 0em 33px;
    font-weight: lighter;
}
.addtocart {
    padding-left: 0em;
    padding-top: 1em;
}
.addtocart a {
    margin: 4px 2em;

}
  #footer p{
    font-weight: 100;
    text-align: right;
    color: #fff;
    font-size: 13px;
    letter-spacing: 1px;

  }
    #footer {
      position: static;
     bottom:0;
     width:100%;
     height:43px;   /* Height of the footer */
     background:#000;
  }

  }