h2 a
{ transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out; }

h2 a:hover
{ opacity: 0.5;
  text-decoration: none; }

.resource-box a
{ display: block;
  margin: 1rem 1rem;
  padding: 0 1rem 0 0;
  background-color: #f4feff;
  border-bottom: solid .05rem #ddd;
  text-decoration: none;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out; }

.resource-box a:visited
{ text-decoration: none; }

.resource-box a:hover
{ opacity: 0.5;
  text-decoration: none; }

.resource-box a:active
{ opacity: 0.6;
  text-decoration: none; }

.resource-box p
{ font-size: .9rem;
  color: #555;
  line-height: 1.5rem;
  margin: 0 1rem 0 1rem;
  padding: .5rem 0 0 0; }

.resource-box img
{ float: left;
  width: 15rem;
  margin: 0 1rem 0 0;
  padding: 0; }

form
{ margin: 0; padding: 0 0 3rem 0; }

input[type="text"]
{ float: left;
  width: 15rem;
  background-color: #fafafa;
  border: solid .1rem #ddd;
  border-radius: .2rem;
  padding: .3rem;
  margin: 0 .5rem 0 0;
  color: #333;
  font-size: .9rem; }

input[type="submit"]
{ float: left;
  background-color: #89c637;
  border: none;
  border-radius: .2rem;
  font-weight: bold;
  font-size: 1rem;
  color: #fff;
  text-decoration: none;
  margin: 0 .5rem 0 0;
  padding: .3rem .7rem;
  transition: background-color .25s ease-in-out;
  -moz-transition: background-color .25s ease-in-out;
  -webkit-transition: background-color .25s ease-in-out; }

input[type="submit"]:hover
{ background-color: #5098a2; }


.gray-button a
{ float: left;
  margin: 0;
  padding: .3rem .7rem;
  background-color: #999;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  border-radius: .2rem;
  transition: background-color .25s ease-in-out;
  -moz-transition: background-color .25s ease-in-out;
  -webkit-transition: background-color .25s ease-in-out; }

.gray-button:hover a
{ background-color: #5098a2; }