@import url('https://fonts.googleapis.com/css2?family=Abhaya+Libre:wght@800&display=swap');

body{
	background-color: aqua;
	overflow-x: hidden;
}

h1,h6,i{
	color: white;
	text-align: center;
	font-family: 'Abhaya Libre', serif;
}
.navbar{
	text-align: center;
}
.navbar>.container, .navbar>.container-fluid, .navbar>.container-lg, .navbar>.container-md, .navbar>.container-sm, .navbar>.container-xl, .navbar>.container-xxl {
	display: block;
}
.footer {
	position: absolute;
	bottom: 0;
	width: inherit;
}
.container-fluid{
	padding-left: 0px;
	padding-right: 0px;
}

.grass {
    text-align: center;
    display: block;
    width: 100%;
    position: fixed;
    z-index: 6;
    width: inherit;
    bottom: 20px;
}

img.img-responsive {
    width: 100%;
    width: -moz-available;          /* WebKit-based browsers will ignore this. */
    width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
    width: fill-available;
}

.iframe_div{
  position: inherit;  
  bottom: 0;
  display: flex;
  align-items: center;
}

.iframe_div>iframe{
  display: block; 
  padding-top: 20px;
  width: 100%; 
  height: 75vh; !important
  border: none;
}