@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Proza+Libre:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&display=swap');

* {
	box-sizing: border-box;
}

body {
	font-family: "proza-libre", sans-serif;
	line-height: 1.6;
	margin:0;
	background-color: #fff;
}

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

h1, a {
	color:#2B2D42;
}

.top-nav {
	width: 1820px;
	height: 120px;
	background-color: #D6E2E9;
	margin: 0 auto;
	justify-content: space-between;
	padding: 1.5em 0;
	align-items: center;
}

.logo-svg {
	width: 350px;
	height: 270px;
	padding-top: 90px;
}


.top-nav, .main-nav {
	display: flex;
	align-items: center;
}

.main-nav {
	margin: 0 auto;
	padding: 10px 0;
}

.logo {
	margin: 0;
	font-size: 3em;
	font-family: "proza-libre", sans-serif;
}

.main-nav a {
	padding: 10px 15px;
	display: block;
	text-decoration: none;
}

.main-nav a:hover {
	color: #2B2D42;
}


header {
	background-image: url("../images/crowds one.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	width: 1820px;
	height: 800px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding-bottom: 100px;

}


header h2 {
	font-family: "proza-libre", sans-serif;
	font-size: 60px;
	text-align: center;
	margin: 0;
	padding:10px;
	align-items:center;
	justify-content: center;
	padding-bottom: 400px;
}


.cta {
	background-color:#FE7F2D;
	text-decoration: none;
	padding: .35em 1em;
	display: flex;
	border-radius: 146px;
	width: 250px;
	height: 46px;
	justify-content: center;
	align-items: center;
	background-image: url("../images/arrow.svg");
	background-repeat: no-repeat;
	background-position: right;
}

.cta:hover {
	color: #fff;

}

.center {
	display: flex;
	justify-content: center;
}


.row {
	width: 1820px;
	height: 799px;
	margin: 0 auto;
	display: flex;
}

.row h2 {
	font-family:"proza-libre", sans-serif;
	font-size: 48px;
	margin: 0;
}

.music-inspires {
	background-color:#F9DCC4;
	padding: 79px 300px;
	width: 1920px;
	height: 799px;
	background-image: url("../images/drummer.jpg");
	background-repeat: no-repeat;
	background-position: right;

	width:100%;
}

.our-vision {
	background-color:#D6E2E9;
	padding: 260px 300px;
	width: 1920px;
	height: 799px;
	background-image: url("../images/band.jpg");
	background-repeat: no-repeat;
	background-position: right;
	width:100%;
}

.trio {
	width:1830px;
	padding:50px 40px;
	margin:0 auto;
   display:flex;
  justify-content:space-around;
  background-color:#F9DCC4;

}

.trio-box {
  width:20%;
  padding:300px 100px;
  border-radius:20px;
  margin: 0 auto;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  text-align: center;
}

.trio-one {
	background-image:url("../images/kendra morris.jpg");
}

.trio-two {
	background-image:url("../images/andre feriante.jpg");
}

.trio-three {
	background-image:url("../images/cory vincent.jpg");
}


.grid {
display: flex;
flex-wrap: wrap;
margin: 0 auto;
padding: 0;
width: 1830px;
height: 618px;
background-color:#D6E2E9;
justify-content: space-between;

}

.griditem {
	background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 20%;
}


.grid-item1 {

background-image:url("../images/sponsor two.jpg");

}

.grid-item2 {

background-image:url("../images/sponsor three.jpg");

}

.grid-item3 {

background-image:url("../images/sponsor four.jpg");

}

.grid-item4 {

background-image:url("../images/sponsor five.jpg");

}

footer {
	width: 1830px;
	height: 400px;
	margin: 0 auto;
	padding: 4% 0 1% 0;
	display: flex;
	align-items: center;
	flex-direction: column;
	color: #2B2D42;
	background-color: #D6E2E9;
	background-image: url("../images/music festival logo.svg");
	background-repeat: no-repeat;
	background-position: center;
}

ul {
	text-align: right;
}

.footmenu li{
font-weight: bold;
}

.info {
	display: flex;
	justify-content:space-between;
	width: 60%;
	padding:1% 4%;
}

.mission {
    width: 1820px;
	height: 140px;
	background-color:#F9DCC4;
	margin: 0 auto;
	justify-content: space-between;
	padding: 1.0em 0;
	text-align: center;
}

.integrity {
background-color:#D6E2E9;
width: 1956px;
height: 560px;
text-align:right;
padding: 79px 300px;
background-image:url("../images/crowd three.jpg");
 background-repeat: no-repeat;
 background-position: left;


}

.community {
background-color:#F9DCC4;
width: 1956px;
height: 560px;
text-align:left;
padding: 79px 200px;
background-image:url("../images/people.jpg");
background-repeat: no-repeat;
 background-position: right;
}

.respect {
background-color:#D6E2E9;
width: 1956px;
height: 560px;
text-align:right;
padding: 79px 400px;
background-image:url("../images/people two.png");
background-repeat: no-repeat;
background-position: left;	
}

.inclusivity-diversity {
background-color:#F9DCC4;
width: 1956px;
height: 560px;
text-align:left;
padding: 79px 100px;
background-image:url("../images/friend circle.jpg");
background-repeat: no-repeat;
background-position: right;
}

.safety {
background-color:#D6E2E9;
width: 1956px;
height: 560px;
text-align:center;
padding: 79px 200px
}

.support {
background-color:#F9DCC4;
width: 1956px;
height: 700px;
text-align:center;
padding: 100px 200px;
}

.copy {
font-size: 10px;
text-align: center;
padding: 100px 200px;
}