/***********************
    Jumbotron
***********************/
.jumbotron {
  height: 25%;
  background-image: url("../images/country-background.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  color: white;
}

/***********************
    Images & Divs
***********************/

.gif-div {
  float: left;
  margin-left: 0.5em;
  margin-bottom: 3em;
}

.gif-img, .gif {
  height: 150px;
  width: 150px;
}

.search {
  margin-bottom: 4em;
}

#topics {
  margin-bottom: 4em;
}

#instruct {
  margin-bottom: 3em;
  font-weight: bold;
}

/***********************
    Buttons
***********************/

.topic-btn {
  margin: 0.5em;
  background-color: #00C8FF;
  border: none;
  padding-left: 1.5em;
  padding-right: 1.5em;
  border-radius: 8%;
}

.topic-btn:focus {
  outline: none;
}

#search-btn {
  margin: 0.5em;
  background-color: #00C8FF;
  border: none;
  padding-left: 1.5em;
  padding-right: 1.5em;
  border-radius: 8%;
  color: white;
}

#search-btn:focus {
  outline: none;
}