/*
* Copyright 2014, Joshua Wells
* www.wellswebdesign.com
* 12/31/2014
*/


/* Typography */

.italic { font-style: italic;}


/* page elements */

@media (min-width: 750px) {
  #greeting {margin: 10rem 3rem ;}
}

/* regardless of size */

.headline { margin-top: 2rem; background-color: #fff;}

/*.wwdlogo { background-image: url('/images/mobile/wells_web_design.png'); padding: 2rem;  }*/
#about { background-color: #5a8022; color: #fff; padding: 4rem 0; background-image: url(/images/desktop/green.jpg);}
#portfolio { background-color: #fff; padding: 4rem 0;}
#contact { background-color: #ddd; padding: 4rem 0; background-image: url(/images/desktop/grey.jpg);}
.mockup { position: relative; bottom: -3rem;}
#footer { background-color: #777; color: #ddd; padding: 4rem 0;}

@media (min-width: 250px) {
/* Navbar */
  .navbar + .docs-section {
    border-top-width: 0; }
  .navbar,
  .navbar-spacer {
    display: block;
    width: 100%;
    height: 6.5rem;
    background: #fff;
    z-index: 99;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee; }
  .navbar-spacer {
    display: none; }
  .navbar > .container {
    width: 100%; }
  .navbar-list {
    list-style: none;
    margin-bottom: 0; }
  .navbar-item {
    position: relative;
    float: left;
    margin-bottom: 0; }
  .navbar-link {
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: .2rem;
    margin-right: 35px;
    text-decoration: none;
    line-height: 6.5rem;
    color: #222; }
  .navbar-link.active {
    color: #33C3F0; }

  .has-docked-nav .navbar {
    position: fixed;
    top: 0;
    left: 0; }
  .has-docked-nav .navbar-spacer {
    display: block; }
  /* Re-overiding the width 100% declaration to match size of % based container */
  .has-docked-nav .navbar > .container {
    width: 80%; }

}

/*@media (max-width: 750px)  { .navbar { display: none;}
}*/

@media (max-width: 750px)  { 
		#desktopmenu, .desktoponly 
			{ display: none;}

		}
@media (min-width: 750px)  { 
		#mobilemenu, .mobileonly 
			{ display: none;} 

		}
		.mobileonly {  white-space: nowrap;}

    .example_url, .example_name { text-align: center; }
    .example_name { font-size: 2rem;}

    .example {padding: 2.5rem;}

.emailsent { font-size: 2rem;}
#about a, #footer a { color: #eee;}