.mail {
  background: url(../img/mail-background.png) no-repeat;
  height : 600px;
  width : 800px;
  background-size: 140%; 
  background-position: 21% 60%; 
}

.background-em-1 {
  background: url(../img/mailWithMessages.png) no-repeat;
  height : 600px;
  width : 800px;
  background-size: 140%; 
  background-position: 21% 60%; 
}

.background-em-2 {
  background: url(../img/mailMessage.png) no-repeat;
  height : 600px;
  width : 800px;
  background-size: 140%; 
  background-position: 21% 60%; 
}

#subjects {
  line-height: 300%;
  position: absolute;
  top: 130px;
  left: 210px;
}

#froms {
  line-height: 300%;
  position: absolute;
  left: 485px;
  top: 130px;
}

.btns-em-1 {
  position: relative;
  top: 21.5%;
  left: 85.5%;
}

.bad-mail {
  position : relative;
  top : 27%;
  left: 25%;
}

.good-mail {
  position : relative;
  top : 62%;
  left : 25%;
}

.bad-button {
  position: relative;
  left:83%;
  bottom :10px;
  border-radius: 25px;
  height: 25px;
}

.good-button {
  position: relative;
  left:75%;
  top :260px;
  border-radius: 25px;
  height: 25px;
}

.good-button-text {
  position: relative;
  bottom:3px;
}

.bad-button-text {
  position: relative;
  bottom:3px;
}