body {
  background-color: #f5f5f5;
  font-family: "Helvetica Neue",Helvetica, Arial,sans-serif;
 }

  #container{ text-align: center;
              position:relative;
              width:600px;
              height:360px;
              background-color:black;
              margin:auto;
              background-color: #ffffff;}

  h1 { color:#000000;
       padding-top: 25px;
       margin: 0;
       font-size:38px;
       line-height:38px;}
  #content{position: relative;
           height:150px;}
  #content img{position:absolute;
               left:80px;
                padding-top:25px;}
  #content p{position:absolute;
             left:350px;
             padding: 0;
             margin:0;
             text-align: left;
             color:#000000;
             padding-top:25px;
             font-size:14px}
  p { color:#ffffff;
      font-size:12px;}
  a { color:#eb6c23;}


@media (min-width: 768px) {
  #container{ top:50vh;
              margin-top:-180px;}
  }

@media (max-width: 767px) {
  #container{ width:100%;
            height:auto;
            margin:20px auto 0 auto;
            max-width:100%;}
  #content{height:auto;}
  #content img{position:static;
              left:0px;
              padding-bottom:6px;}
            #content p{position:static;
              left:0px;text-align:center
              ;padding-bottom:10px;}
#footer {padding-bottom:7px;}
  }