html {
      position: relative;
      min-height: 100%;
	  scroll-behavior: smooth;
    }
	
    body {
      /* Margin bottom by footer height */
      height: 100%;
	  padding-bottom: 4rem;
    }
	
	
	
	/*-------------------------------Footer Styling-------------------------------------------------- */
    .footer {
      position: absolute;
      width: 100%;     
      height: 4rem;   /* Set the fixed height */
      line-height: 4rem; /* Vertically center */
	  text-align: right;
	  color: #5c5c5c; 
	  padding-right: 2rem;
	  bottom: 0;	
	  background-color: #202020;	  
    }
	
	/*change year of footer copyright*/
    footer::after {
	  content: "2022";
	  font-weight: bold;
	}
	
	.background {
		background: #202020;
	}
	

	.cutout-text-mobile{
	    display: none; 
		background: url("../images/floral-bg-c.webp");
		background-size: contain;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;				
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100%;
		font-size: 14.5vw;
		text-align: center;
	}
		
	.cutout-text {
		background: url("../images/floral-bg-c.webp");
		background-size: contain;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;				
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100%;
		font-size: 8vw;
	}
	
	.cutout-text-mobile{
		display: none; 

	}
	
	@media only screen and (max-width : 768px) {
	  .cutout-text{
	  display: none;}
	  .cutout-text-mobile{
	  display: flex; 
	}
	}