.post-478 {padding-right: 100px;
}

.p style {
    margin-right: 50px;
}

#content p {
    margin-left: 100px;
    margin-right: 200px;
}

.alignleft, img.alignleft {margin-left: 50px;
  }
.entry-meta {visibility: hidden !important;
}
.hentry h1.entry-title { margin-left: 65px;
    }

#content p { margin-left: 40px;
    }
.photocrati-menu-responsive ul li .photocrati-menu-item-text { 
    }

#post-783 { 
    }

.galleria-info-title {  
}
.footer_container { visibility: hidden !important;
    }
.main_container .footer_container
{  
  }
.image_container { width: 350px;
    padding: 0px;
    height: 350px;
  }
.caption_link { 
  }

#footer {
}
#site-info {
    }
#footer_container {
}
#footer_wrapper {
}
#main  {
    }
#menu-works-sf-menu {margin-top: 0px;
    margin-right: 0px;
    }
#menu-works {
  margin-top: 76px;
  margin-right: 170px;
}


/*
On the homepage, make name and
header farther down the page.

The home page has a `home` class on the top level
body element, so this selects all elements with a `home` class
(which is the body on the homepage and no elements on other pages)
and finds the #menu-works element below them.
*/

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

  .home #menu-works {
    margin-top: 320px;
  }
}

#branding h1 { margin-left: 175px;  
  width: 400px;
}
#blog-title {
    width: 500px;
}

.home #blog-title {
  padding-top: 250px;
  height: 200px;
}


#wrapper
     { 
}

#wrapper-content-spacer
   { 
}


/*
this sets the width of the text in each work and on the now page to be 60% of the page.
 could also do 600px or some fixed amount instead of 60%
*/
.entry-content h1, .entry-content p {
    width: 60%;
  margin-left: 80px !important;
}


/*
disable hiding menu on small screens
*/
.photocrati-menu-toggler {
  display: none !important;
}

#menu-works {
  display: block !important;
}


/* fix too large margins on mobile on works page*/
.image_container {
  height: inherit !important;
}
.image_link_wrapper {
  height: inherit !important;
}
.gallery_link {
  height: inherit !important;
}