body,h1 {font-family: "Raleway", sans-serif}
body, html {height: 100%}

a {
	text-decoration: none;
}

.centered {
	text-align: center;
    margin: auto;
    width: 100%;
    padding: 0px;
    max-width: 550px;
}

.logo {
	margin-top: 10px;
}
.firstLogo {
  /*padding-left: 25%;*/
  margin: auto;
}

.secondLogo {
  /*padding-left: 25%;*/
  margin: auto;
}

.recommendation {
  font-weight: 800;
}
.recommendation {
  font-weight: 800;
}
.thumbUp {
  width: 25%;
}
.thumbDown {
  width: 25%;
}
button {
  width: 50%;
  height: 50%;
  border-radius: 2.5%;
  color:white;
  border: none;
  font-weight: 800;
}
.yesBtn {
  background-color:#0060d1;

  width: 70%;
  cursor:pointer;
  vertical-align: top;
}

.yesbtnalign {
 height: 77px;
 margin-top: 5%;
}

.nobtnalign {
 height: 77px;
 margin-top: 0%;
}
.noBtn {
  background-color:#dedede;
  width: 70%;
  cursor:pointer;
  vertical-align: top;
}

.betweenbtns {
	clear:both;
	height:50px;
}

.imga {
	border: none;
}

.logolist {
	/*max-width: 373px;*/
	list-style: none;
	max-width: 250px;
}

.logolist li {
	margin: 30px 0 30px 0;
}

.form {
	border:none;
	width:90%;
	margin: 5% auto;
	margin-top: 0;
}

.form form {
	text-align: left;
	margin-top: 30px;

}

input {
	    border: solid 1px #d0d0d0;
    border-radius: 3px;
}

.submit {
	    border-radius: 4.5%;
		 background-color:#0060d1;
		 
	
      width: 25%;
      height: 46px;
      color:white;
      border: none;
      font-size: 16px;

}

textarea {
	    border: solid 1px #d0d0d0;
    border-radius: 3px;
}

input.name {
	height: 35px;
}

.none {
	display: none;
}

@media (max-width: 520px) {
 .thumbUp {
  margin-top: 5%;
}

 .thumbDown {
  margin-top: 1.5%;
}

}

@media (max-width: 370px) {
 .thumbUp {
  margin-top: 6%;
}
}