body, html {
  height: 100%;
}

#outer {
  background-color:#1d222e;
  width:100%;
  height:480px;
  color:white;
}

blockquote {
  font-size:14px;
}

.logo {
  padding-top:10px;
  width:100%;
  height:130px;
}

.logo img {
  float:left;
}

#top_button {
  margin-top:50px;
  margin-right:25px;
  float:right;
  font-size:20px;
  color:white;
}

#top_buttona {
  text-decoration:none;
  color:white;
}

.funkyradio-default label {
  background-color:#d8d8d8;
  color:black;
}

#wrapper {
  width:60%;
  margin:0 auto;
}

.group {
  float:left;
  width:200px;
  height:300px;
}

#submitdiv {
  width:100%;
  height:130px;
}

#submitbutton {
  width:100%;
  margin-top:50px;
  height:40px;
  font-size:17px;
  float:left;
  color:black;
  background-color:#d8d8d8;
}

#resultdiv {
  display:block;
  width:100%;
  font-size:23px;
  min-height:100px;
  padding:20px;
  float:left;
  margin-top:50px;
  color:black;
  text-decoration: none;
  padding-bottom:50px;
  text-align: center;
  line-height: 1.7em;
}

#result {
  color:#cccccc;
}

#resultdivSingle {
  display:block;
  width:100%;
  font-size:25px;
  min-height:100px;
  float:left;
  text-align:center;
  margin-top:50px;
  padding:20px;
  color:black;
  text-decoration: none;
  min-width:200px;
  margin-bottom:30px;
}

#bottom {
  width:100%;
  border-top:thin black solid;
  position: fixed;
  bottom: 0;
  text-align:center;
  background-color:#1d222e;
  padding-top:5px;
  padding-bottom:5px;
  color:#d8d8d8;
  font-size:12px;
}

#bottom a {
  color:#d8d8d8;
}

@media (max-width: 990px) {
  #outer {
    height:1000px;
  }

  #wrapper {
    width:90%;
    margin:0 auto;
  }

  #resultdiv {
    margin-top:70px;
  }

  #icon {
    display:none;
  }

  #logoimg {
    width:90%;
  }

  #resultdivSingle {
    font-size:20px;
    margin-top:0px;
  }

  #top_buttona {
    display:none;
  }

  #submitbutton {
    margin-top:40px;
    height:50px;
  }
}