body {
    margin: 5px 0 0 2px;
    background-color: #fff;
}

.text p {
    font-family: Helvetica, sans-serif;
    font-size: 12px;
}

@media screen and (min-width: 480px) {

  .logo {
    width: 290px;
    height: 50px;
    float: left;
  }
  .logo img {
    margin: 0;
  }
 
  .text {
    width: 190px;
    xheight: 50px;
    float: left;
  }
  .text p {
    font-family: Helvetica, sans-serif;
    font-size: 12px;
    margin: 15px 0 auto 0;
  }

}


@media screen and (min-width: 600px) {
 
  .logo {
    width: 290px;
    height: 50px;
    float: left;
  }
  .logo img {
    margin: 0;
  }
 
  .text {
    width: 310px;
    height: 50px;
    float: left;
  }
  .text p {
    font-family: Helvetica, sans-serif;
    font-size: 20px;
    margin: 5px 0 auto 0;
  }

}

@media screen and (min-width: 980px) {
 
  .logo {
    width: 290px;
    height: 50px;
    float: left;
  }
  .logo img {
    margin: 0;
  }
 
  .text {
    width: 650px;
    height: 50px;
    float: left;
  }
  .text p {
    font-family: Helvetica, sans-serif;
    font-size: 26px;
    margin: 17px 0 auto 0;
  }

}