body {
	background-color: black;
	max-width: 100vw;}

h1 {
	font-family: griffith-gothic, sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 24px;
	text-align: center;
	color: white;
	padding-bottom: 50px;}

h2 {
	text-align: center;
	color: white;
	font-size: 150px;}

p {
	color: black;
	font-size: 50px;}

.container {
	display: flex;
	flex-direction: column;}

.images{
	display: flex;
	flex-direction: row;
	align-items: flex-end;
	justify-content: space-between;
	margin: 10px;}

img {
	width: 30vw;
	padding-bottom: 10px;}

.top {
	display: flex;
	flex-direction: row-reverse;
	margin-top: 50px;
	margin-bottom: 50px;}

.text{
	display: flex;
	flex-direction: column;}

.brook{
	width: 45vw;}
.caption {
	max-width: 600vw;
	max-height: 600vh;
	padding: 20px;
	background-color: white;
	margin: 50px;
	text-align: justify;}


/* Tablet breakpoint */
@media (min-width: 768px) {
  h1 {
  	font-size: 13px;
  }
  h2 {
  	font-size: 50px;
  }
  p {
  	font-size: 15px;
  }
}

/* Desktop breakpoint */
@media (min-width: 992px) {
  h1 {
    font-size: 24px;
  }
  h2 {
  	font-size: 80px;
  }
  p {
  	font-size: 25px;
  }
}

/* Wide screen breakpoint */
@media (min-width: 1200px){
	h1 {
		font-size: 24px;
	}
	h2 {
		font-size: 150px;
	}
	p {
		font-size: 50px;
	}
}