* {
	font-family: "Noticia Text", serif;
}

body {
	width: 80%;
	margin: 0 auto;
	background-image: url(images/bg.png);
}

h1 {
	font-size: 6em;
	margin:0;
	font-weight: 700;
}

h2 {
	font-size: 4em;
	font-weight: 400;
	margin:0;
}

h3 {
	font-size: 2em;
	font-weight: 700;
	margin-bottom: 0px;
}

p, li {
	font-size: 1.1em;
	font-weight: 400;
	text-align: justify;
}

blockquote {
	display:flex;
	justify-content: center;
	width: 500px;
	margin: 0 auto;
	margin-top: 30px;
}

cite {
	display:block;
	font-size: 1.1em;
	text-align:center;
}

.author {
	display:block;
	font-size: 1.2em;
	text-align:center;
}

.quote {
    display: inline-block;
    position: relative;
}

.quote::before, .quote::after {
    content: open-quote;
    position: absolute;
	left: -30px;
    transform: scale(7.5);
	top: 30px;
}

.quote::after {
    content: close-quote;
    right: -30px;
    left: auto;
}

.quote-text {
    font-size: 2em; /* Adjust this value as needed */
	text-align:center;
}

.video {
	margin: 0 auto;
	width:50%;
}

@media screen and (max-width:1100px){
body, img.resp {
	width: 90% !Important;
}

.quote-text {
    font-size: 4em; /* Adjust this value as needed */
	text-align:center;
}

.quote::before, .quote::after {
    transform: scale(10);
	top: 50px;
	left: -50px;
}

.quote::after {
    content: close-quote;
    right: -50px;
    left: auto;
}

.video {
	margin: 0 auto;
	width:100%;
}


blockquote {
	width: 75%;
}

}