nav{
    height: auto !important;
}


.heading {
        text-align: center;
        margin: 0px ;
        padding: 0px;
        font-weight: 900;
        color: #52382f;
        font-style: italic;
    }

.mb-3{
    width:50%;
    margin: 0px auto;
    margin-bottom: 0px;
}



.form-control {
    border-radius: 5px;
    padding: 2px 4px;
    font-size:1.5vw;
}

.form-control:focus {
    box-shadow: none !important;
}


.form-label {
    margin-bottom: 0.1rem;
}


.form-control:visited{
    background: transparent;
}



button{
    font-size: 1.5vw !important;
}

#btn{
        border: none;
        background: none;
        border-radius: 5px;
}

#btn:hover{
    background-color: green;
    color: white !important;
    transition: .5s;
}

button:hover{
    color: black !important;
    /* box-shadow: 0px 0px 2px rgb(121, 120, 120); */
    text-shadow: 1px 1px 1px black;
} 




body{
    background-color: #fff7ef;
}

#mobile::-webkit-outer-spin-button,
#mobile::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.navlg{
    font-size: 3vw !important;
}

.container{
    position: relative;;
}

.img-1 {
    position: absolute;
    width: 15vw;
    right: 0;
}

.img-2{
    position: absolute;
    width: 10vw;
    bottom: 0;
}


@media screen and (max-width: 767px){
    .img-1 {
      bottom: 0%;
      width: 25vw;
    }

    .img-2 {
       display: none;
      }

    button{
        font-size: 4vw !important;
    }

    .navlg {
        font-size: 4vw !important;
    }

    .navlg img {
        width: 3.2vw !important;
    }
    .my-3 {
        margin-top: 3rem!important;
        margin-bottom: 3rem!important;
    }

   
}
@media screen and (max-width: 512px){
    .navlg img {
        width: 100% !important;
    }

    sup{
        left: 47% !important;
    }

    .form-control {
        display: block;
        width: 100%;
        padding: 0.375rem 0.75rem;
        font-size: 4vw;
    }
}