body, html {
  margin: 0;
  padding: 0;
}
body {
 background-color: #474350;
 font-family: 'Patua One', cursive;
}
h1, h2 {
  font-family: 'Oswald', sans-serif;
}
.bk-img {
  background-image: url('https://i.pinimg.com/originals/4a/78/b0/4a78b0e1d8ea8339c328fd1bed9fc523.jpg');
  position: relative;
  height: 400px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.logo {
  position: absolute;
  left: 12px;
  top: 12px;
  padding: 0px 6px;
  text-align: center;
  z-index: 1;
  background-color: #FE5F55;
  color: white;
}
.menu {
  position: absolute;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  background-color: rgba(217,183,182,.7);
/*     z-index: 2; */
  padding: 15px;
  text-align: left;
  /* opacity: 0.7; */
} 
.menu a {
  color: #474350;
  text-decoration: none;
  margin: 15px;
}
.menu a:hover {
  color: white;
  transition: color 1s;
}
.about {
  /* height: 200px; */
  margin: 15px;
  padding: 5px 15px;
  /* transform: skew(20deg); */
  color: white;
  background-color: #885053;
}
.container {
  background-color: white;
  margin: 15px;   
}
.row {
  position: relative;
  /* background-color: white; */
  margin: 0 10px;
  padding: 8px;
  /* display: flex; */
  overflow: auto;
}
.right {
  float: right;
  /* flex: 1; */
}
.left {
  float: left;
  /* flex: 1; */
}
.image {
  width: 50vw;
  height: 400px;
}
img:hover {
  opacity: .7;
}
.flower-info {
  position: absolute;
  left: 600px;
  top: 100px;
  width: 500px;
  height: 200px;
  padding: 10px;
  background-color: #EA4646;
  /* border-radius: 6px;       */
}
.flower-info:hover {
  box-shadow: 0 0 20px rgb(143, 141, 141);
}
#places {
  width: 80%;
  margin: 15px auto;
  padding: 5px;
  background-color: white;
}
.place {
  position: relative;
  padding: 5px;
  border: 1px solid gray;
  overflow: auto;
} 
.place img {
  width: 250px;
  height: 200px;
  float: left;
  padding: 5px;
}
.place h2,p {
padding-left: 10px;
}
.place a {
  text-decoration: none;
  color: black;
}
.place a:hover {
  color: #C1C1C1;
}
.ticket {
  position: absolute;
  right: 0;
  top: 0;
  width : 155px;
  /* height: 100%; */
  text-align: center;
  background-color: #7BA2FC;
 /* border-bottom-left-radius: 50%; */
  -webkit-clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 25% 100%, 0% 50%);
  clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 25% 100%, 0% 50%);
} 
.footer {
  position: relative;
  bottom: 0;
  left: 0;
  margin-top: 25px;
  /* margin: 15px; */
  /* max-width: 100%; */
  /* height: 35px; */
  text-align: center;
 /* background-color: rgb(29, 32, 34);*/
  background-color: #474350;
} 
.footer a {
  text-align: center;
  font-size: 25px;
  padding: 11px;
  color: white;
}
.footer a:hover {
color: #4875B4;
}
/* to make website responsive on mobile phones*/
@media screen and (max-width: 600px) {
.logo {
  font-size: 13px;
}
.menu a {
  font-size: 15px;
  margin: 5px;
}
.image {
  width: 100%;
  height: 250px;
}
.flower-info {
  position: relative;
  top: 0;
  left: 0;
  box-sizing: border-box;
  width: 100%;
  height: auto;
  padding: 5px;
  text-align: center;
}
.place {
  padding: 0;
  overflow: hidden;
}
.place img {
  width: 100%;
  padding: 0;
  float: none;
}
}