.section {
	padding: 4rem 0 3rem 0;	
}

.sectionHeader {
	padding: 2rem 0 2rem;
	border-bottom:1.5px dotted #d7d7d7;
}

.sectionIntro {
	padding: 0.5rem 0 0.5rem;
}

.sectionIntroPortfolio {
	padding: 3% 0 0.5% 0;
}

.sectionIntro2 {
	padding-bottom: 2%;
}

.sectionText {
	padding-top: 1rem;
	text-align:center;
}

.rowIntro {
	padding-top: 2%; 
}

.rowLine {
	margin-bottom: 1rem; 
}
	
.sectionFooter {
	padding: 3rem 0 0 0;
    margin-top: 0.5rem;
	border-top:1.5px dotted #d7d7d7;
	text-align:center;
}
	


div#navigation ul{
	text-align:center;
	letter-spacing:0.08rem;
	word-spacing:2rem;
	font-size:small;
	text-transform:uppercase;
	margin:2.5rem 0 0 0;	
}
div#navigation ul li{
	display:inline;
	list-style-type:none;
	color:#d7d7d7;
	padding:8rem 0 0 0;	
}
div#navigation ul li a{
	color:#3A3232;
	text-decoration:none;
}
div#navigation ul li a:visited{
	color:#3A3232;
}
div#navigation ul li a:hover{
	color:#df5857;
	padding:0em;
}

div#navigation ul li a.thispage{
	color:#df5857;
}

div#shop {
	text-align:center;
	letter-spacing:0.05rem;
	font-size:small;
	text-transform:uppercase;
	margin:1.5rem 0 0 0;	
}



a{text-decoration:none;
}
a:hover{
	color:#df5857;
	padding:0em;
}
a.underline{text-decoration: none; border-bottom:1px dotted #df5857;
}
a.underlineRed{
    border-bottom:1px dotted #df5857;
    color:#df5857;
}



img.nav {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
img.u-max-full-width-portfolio {
  max-width: 100%;
  box-sizing: border-box;
  opacity:1.0;
  filter:alpha(opacity=100); 
}

img.u-max-full-width-portfolio:hover {
  opacity:0.5;
  filter:alpha(opacity=50);
}




h1.portfolio{
    margin-bottom: 0.5rem;
}
h1.aboutme{
    margin-bottom: 0;
    padding-top: 1.5rem;
}
h2.foot {
	font-weight:400;
	font-size:x-small;
	color:#776E6E;
	text-align:center;
}
h2.backtowork {
    margin:0; 
    line-height:1; 
    text-align:center; 
    text-transform:uppercase; 
    font-size:small;
}
h3.Clients {
    margin-bottom:1rem; 
    line-height:1; 
    text-align:left; 
    text-transform:uppercase; 
    font-size:small;
	font-weight:700;
}
h3.jobtitle{
	font-weight:700;
	font-size:2rem;
    margin-top: 1rem;
}
h4.client {
	padding:0 0 0 0;
    margin-bottom:1rem;
	font-weight:400;
    font-size:1.35rem;
	font-style:italic;
    color:#989898;
}
div.rulebelow {
    border-bottom:1px solid #776E6E;
    position: absolute;
    right:50%;
    left:0;
}
h4.paintdesc {
	padding:0 0 0.5rem 0;
	font-weight:400;
    
}
p.intro {
    font-size: 1.5rem; 
    line-height: 1.4;  
    margin-bottom:0.75rem;
}

p.imagedescription {
	padding-top: 2rem;
    margin-bottom:1rem;
    font-size:1.4rem;
    line-height:1.5;
}
p.imagedescriptionSecond {
	padding-top: 0.5rem;
    margin-bottom:1rem;
    font-size:1.4rem;
    line-height:1.5;
}
p.detail {
	font-weight:400;
	font-size:smaller;
	color:#776E6E;
	text-align:center; 
    margin-top:0.5rem;
}
p.clientList {
	text-align:left;
    line-height:2;
    margin:0;
    font-weight:200;
	font-size:x-small;
}
p.footer {
	font-size:smaller;
}
p.credits {
	font-size:x-small;
	text-align:center;
	color:#776E6E;
}
p.colophon {
	font-size:x-small;
	text-align:center;
	color:#776E6E;
}
p.oops {
    padding-top:3rem;
    margin-bottom:2rem;
    font-size:52px;
    font-weight:200;
    color:#d7d7d7;
    font-family: "Georgia", Georgia, serif;
}



ul.social{
	text-align:center;
}
ul.social li{
	display:inline;
	list-style-type:none;
	padding-left:3rem;
}
ul.portfolio{
}
ul.portfolio li{
	display:inline;
	list-style-type:none;
	padding:0 8px 8px 0;
}


/* Bigger than 550 */
@media (min-width: 550px) {
.section {
    padding: 5rem 0 5rem;
 }
div#navigation ul{
	text-align:center;
	margin:3rem 0 0 0;
	font-size:small;
	word-spacing:2rem;
}
p.detail {
	font-weight:400;
	font-size:x-small;
	color:#776E6E;
	text-align:left;
}

.sectionIntroPortfolio {
	margin-bottom:2rem;
}
}
@media (min-width: 568px) {
div#navigation ul{
	text-align:right;
	font-size:smaller;
	word-spacing:1.5rem;
}
    div#shop {
	text-align:right;
	font-size:smaller;
	text-transform:uppercase;
	margin:0;	
}
}



/* Bigger than 750 */
@media (min-width: 750px) {
  .header {
    height: 60px;
  }
  .section {
    padding: 5rem 0 4rem;
  }
  .section-description {
    max-width: 60%;
    margin-left: auto;
    margin-right: auto;
  }
  div#navigation ul{
	font-size:small;
	word-spacing:2rem;
	margin:4rem 0 0 0;	
} 
    div#shop {
	text-align:right;
	letter-spacing:0.05rem;
	font-size:small;
	text-transform:uppercase;
	margin:0;	
}
  .categories {
    padding: 15rem 0 8rem;
  }
}



/* Bigger than 1000 */
@media (min-width: 1000px) {
  .section {
    padding: 6rem 0 5rem;
}
    div#shop {
	text-align:right;
	letter-spacing:0.05rem;
	font-size:small;
	text-transform:uppercase;
	margin:0;	
}
}