.hero {
            background-color: white;
            background-size: cover;
            background-position: center;
			padding: 1rem;
			height: 100vh;
        }
        .content .hero {
			height: auto;
			margin-top: 60px;
			margin-bottom: 60px;
        }			
		.container {
			padding: 1rem;
			text-align: center;
		}
		.hero p {
			text-align: center;
        }
		.container p {
			width: 100%;
			max-width: 600px;
			margin: 1rem auto;
			text-align: left;
		}
		.container ul {
			width: 100%;
			max-width: 600px;
			margin: 1rem auto;
			padding-left: 1rem;
			text-align: left;
			list-style: disc;
		}	
		a {
			background: none;
			padding: 0;
			margin: 0;
			color: #f7099a;
		}
        a.btn {
            background-color: #f7099a;
            color: white;
            letter-spacing: 2px; 
            font-size: 12px;
            font-weight: 700;
            border-radius: 8px;
            margin: 5px;
            padding-block: 10px;
            padding-inline: 15px;
			text-transform: uppercase;
        }			
		.container.mx-auto p:last-of-type {
			margin-bottom: 2rem;
		}		
		#logo-wrapper img {
			max-width: 350px;
		}
		#logo-wrapper {
		    display: flex;
			justify-content: center;
			margin-bottom: 1rem;
		}
        .title {
			font-size: 1rem;
			color: black;
			text-transform: uppercase;
			letter-spacing: 2px;
			font-weight: 600;
			text-align: center !Important;
			padding-top: 1rem;
		}
        #feedback-link {
            display: block;
			margin-top: 1rem;
			font-size: .8rem;
			text-decoration: underline;
			background: none;
			color: #f7099a;
			letter-spacing: 2px;
			font-weight: 700;
			border-radius: 8px;
			padding-block: 10px;
			padding-inline: 15px;
			text-transform: uppercase;
        }
        #feedback-link:hover {
            text-decoration: none;
        }