body{
    background-color: rgb(255, 245, 247);
    font-family: serif;
}
.img{
    height: 150px;
}
.htag{
    margin-top: 4px;
    font-size: 45px;
    font-weight:300;
    font-family: 'Merienda', cursive;
}
.itag{
    font-size: 35px;
    font-weight: 300;
    font-family: 'Merienda', cursive;
}
.ptag{
    /* font-weight: 600; */
    padding: 6px;
    font-family: serif;
/*     font-size: 1.5vw; */
    color: #5e5e5e;
}
.h3tag{
    margin: 8px;
    font-family: 'Merienda', cursive;
}
.image{
     width:500px;
}
.hrtag{
    border:1px solid pink
}
.imagee{
    width: 100%;
    height: 600px;
}
.dream{
    position: relative;
}
.locate{
    position:absolute;
    width: 50%;
    height: 400px;
    border: 1px solid wheat;
    background-color:white;
     right: 25%;
     left: 25%;
     bottom: 20%;
     text-align: center;
}
#htag{
    margin-top:55px;
    font-size: 50px;
    font-weight: 400;
    font-family: 'Merienda', cursive;
}
#itag{
    font-size: 45px;
    font-weight:300;
    margin-top:20px; 
    font-family: serif;
}
.btn.btn-outline-secondary.hove{
    padding:4px 20px;
    margin-top: 25px;
    background-color:#ffc0cb;
    color: white;
    font-size: 20px;

}
.btn.btn-outline-secondary.hove:hover{
    background-color: grey;
}
.h1tag{
/*     margin-top:70px; */
    font-size: 50px;
    font-weight: 400;
    font-family: 'Merienda', cursive;
}
/* .itags{
    font-size: 45px;
    font-weight:300;
    margin-top:10px; 
} */
.hrtae{
    border:3px solid pink;
}
.itah{
    font-size: 25px;
    font-weight: 400;
    font-family: cursive;
}

 /* Responsive design */
 @media (max-width: 800px) {
     .image{
         width: 100%;
     }
    .d-flex.justify-content-start.mb-3.or{
        flex-direction: column;
    }
    .p-2.c{
        order:2;
    }
    .p-2.d{
        order:1;
    }
    .locate{
        width: 70%;
        left: 10%;

    }
    #htag{
        font-size: 40px;
        padding:4px 0;
    }
    .d-flex.flex-row.ml-2.or{
        flex-direction: column !important;
        margin:10px 0 !important;
        width: 100%;
    }
    .card.ml-4.text-center.or{
        margin: 10px 0 !important;
        width: 100% !important;
    }
  }