Align text to total left on just one page

Example:

http://de-hondenfotograaf.nl

The text is not nicely aligned with the image. I would like the text to go more left.

This is in quick css:

.rand { border: 5px solid #ffff; }
.page-id-2 .main_color, .page-id-2 #main {
  background: transparent!important;
  border: none!important;
}
body.page-id-2 {
    background: rgba(0, 0, 0, 0) url("http://de-hondenfotograaf.nl/wp-content/uploads/2014/09/naamloos-165-bewerkt-bewerkt.jpg");
background-position: center center;
background-attachment: fixed;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

body.page-id-2 .button{
border: 1px solid white;
display: inline-block;
padding: 10px;
color: white !important;
text-decoration: none !important;
background: none;}

body.page-id-2 .button:hover{
background-color: grey;
color: white !important;}
  
.page-id-2 h2, .page-id-2 span {
    text-shadow: 3px 3px 8px #333;
}