@import url(http://fonts.googleapis.com/css?family=PT+Sans:700);

@import url(http://fonts.googleapis.com/css?family=PT+Sans:400);

@import url(http://fonts.googleapis.com/css?family=PT+Sans:400italic);

body {
  color: #777;
  background-color: #efefef;
 /* background-image: url(../img/standup_bg.png);
  background-position: top right;
  background-repeat: no-repeat;*/
  font-family: PT Sans, sans-serif;
}
a {
  color: #99BB5B;
  transition: all .3s ease-in-out;
  /*font-size: 1.2em;*/
}
a:hover {
  color: #4F81BC;
}
h1{
  font-size: 42px;
  margin-bottom: 15px;
}
h2 {
  font-size: 24px;
}
img {
  border-radius: 4px;
  border: 1px solid #fcfcfc;
  transition: all .3s ease-in-out;
}
img:hover {
  border-color: #ccc;
}
p {
  line-height: 1.5;
}
#flex-container {
  text-align: center;
}
#standup-title {
  text-align: center;
  padding: 30px;
}
#standup-title a {
  font-size: 1.2em;
}
.content {
  text-align: left;
  padding: 30px;
  margin: 15px;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #fcfcfc;
  transition: all .3s ease-in-out;
}
.content:hover {
  border-color: #ccc;
}
@media all and (min-width: 768px) {
  .content {
    display: inline-block;
    vertical-align: top;
    height: 550px;
  }
}
.green {
  color: #99BB5B;
}
.blue {
  color: #4F81BC;
}
.up {
  position: relative;
}
.up:before {
  background-image: url(../img/up.png);
  background-repeat: no-repeat;
  display: block;
  position: absolute;
  top: -12px;
  left: 7px;
  height: 30px;
  width: 20px;
  content: "";
}
#fb-link {
  position: absolute;
  top: 30px;
  right: 30px;
  display: block;
  height: 44px;
  width: 44px;
  transition: all .3s ease-in-out;
  border-radius: 5px;
}
#fb-link:hover {
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.43);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.43);
}