@import url('https://fonts.googleapis.com/css2?family=Bungee&display=block');
@import url('https://fonts.googleapis.com/css2?family=Roboto&display=block');

header {
  padding: 156px 0 100px;
}

section {
  padding: 20px;
}

.navbar {
  font-family: 'Bungee', cursive;
}

.navbar a {
  text-decoration:none;
}

.navbar-brand {
  font-size:1rem;
}

.masthead {
  height: 100vh;
  min-height: 800px;
  background-color:#F3DA22;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.subMasthead {
  height: 40vh;
  min-height: 500px;
  background-color:#F3DA22;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

h1, h2, h3, .getInvolvedList, .smallTitles {
  font-family: 'Bungee', cursive;
}

#solution h5 {
  font-family: 'Bungee', cursive;
}

body {
  font-family: 'Roboto', sans-serif;
}

.blackLink a, a:visited{
  color: black;
}

body a {
  color:white;
  text-decoration: underline;
}

.cardHeader {
  margin-top:10px;
  margin-bottom:10px;
}


#chartOne, #chartTwo {
  margin-top:30px;
  margin-bottom:30px;
}

#oneInFour {
  margin-top:30px;
  margin-bottom:10px;
}

.solutionCard {
  padding:20px;
  
}

#getInvolved {
  background-color:#F3DA22;
}

#problem sup{
  font-size:10px;
}

#problem a:link, a:visited{
  color:white;
}

#dataReference ol {
  list-style-type: none;
  font-size: 10px;
}

.imgAttrib {
  text-align: right;
  font-size: 8px;
}

#contactList {
  list-style-type: none;
  padding-left:0;
  font-size:14px;
}

#socialLinks {
  padding:40px;
}

#socialLinks a{
  color:#212529;
}