.leftPanel{ 
		background: var(--bs-gray-dark);
		position: fixed;
		display: flex;
		flex-direction: column;
		align-items: center;
		top: 0;
		padding-top: 3%;
	}
	iframe{
		position: fixed;
        display: block;
        background: #000;
        border: none;
        height: 100vh;
        width: 75vw;
        border: none;
        max-height: 100vh;
	}
	h1{
		color: white !important;
        font-family: "Vitesse A","Vitesse B",Cambria,Rockwell,"Times New Roman",serif;
        font-weight: 700;
        line-height: 1.1;
		font-size: 1.5em !important;
		font-weight: bold !important;
		padding: 8% 5% 10px 5%;
	}	
	p{
		color: white;
		font-family: "Gotham A","Gotham B","Helvetica Neue",Helvetica,Arial,sans-serif;
		font-size: 1em !important;
		padding:10px 5%;
	}
	img{
		width: 50%;
		height: auto;
	}
	
	a{
	    color: white !important;
	}

	@media (max-width: 575.98px) { 
			.leftPanel{ 
				display: none;
			}
			iframe{
				width: 100vw!important;
				position: relative;
			}
	}


	@media (max-width: 767.98px) {
			.leftPanel{ 
				display: none;
			}
			iframe{
				width: 100vw!important;
				position: relative;
			}
	}


	@media (max-width: 991.98px) {
			.leftPanel{ 
				display: none;
			}
			iframe{
				width: 100vw!important;
				position: relative;
			}
	}


	@media (max-width: 1199.98px) {
			.leftPanel{ 
				display: none;
			}
			iframe{
				width: 100vw!important;
				position: relative;
			}
	}


	@media (max-width: 1399.98px) {
		.leftPanel{ 
				width: 25%;
				height: 100%;
				left: 0;
				bottom: 0;
		}
		iframe{
			top: 0;
			right: 0;
			bottom: 0;
		}		
	}

	@media (min-width: 1399.99px) {

		.leftPanel{ 
				width: 25%;
				height: 100%;
				left: 0;
				bottom: 0;
		}
		iframe{
			top: 0;
			right: 0;
			bottom: 0;
		}

	}