/* Shared
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button {
  border-radius: 100px;
}

/* Sections
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section {
  padding: 8rem 0 7rem;
  text-align: center;
}
.section-heading,
.section-description {
  margin-bottom: 1.2rem;
}
/* Header
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#titlebar
{  
  
  background-color: none;
  display: block;  
  margin-bottom: 1px;
}

.navigation
{
  background-image:none;
  background-color: #777;
  font-size: 2.3rem;
  margin-top: 0px;
  border:0px;
  padding: 0px;
  font-weight: 700;
 
}
.navigation a,.navigation a:visited 
{
 color:#fff;
  text-decoration: none;
  
}

img, video, iframe { max-width: 100% }

.navigation a:hover 
{
 color:#fff;
background-color: #fff;

}

.contact a, a:visited
{
 
  padding-top: .75rem;
  padding-bottom: 1.5rem;
 font-size: 1.9rem;color:#000;
   
   font-weight: 300;
}

.contact_text 
{
   font-size: 1.9rem;color:#000;
   
   font-weight: 300;
   margin-top: 14px;
  border:0px;
   padding: 0px;

  text-decoration-color:#000;
}



.portfolio
{
  background-color: none;
  position: relative;
}

.skills
{
  background-color: none;
   position: relative;
}

#footerbar {
  
 background-color: none;
  display: block;  
}


@media (max-width: 750px) {
  .description
  {
    font-size: 1.8rem; line-height: 1.5;  letter-spacing: -.05rem;color:#fff;
  }

  .navigation
  {
     font-size: 1.3rem;
  }

  #titlebar
  {
  	margin-bottom: -17px;
  }
}

.description
{
        /*color:#c9d000;*/  
        /*font-size:20px;
        color:#333;*/
        font-size: 2.0rem;color:#777;
        line-height: 2.5rem;
        padding-top: .5rem;
        font-weight: 300;
        font-style: italic;
      
}

.description a:hover
{
  font-size: 1.5rem;
  font-weight: 300;
  color:#b10;
}

.description a
{
  font-size: 1.5rem;
  font-weight: 300;
  color:#35856e;
}

/* this is set in skeleton.css */
a
{
color:#b10;
}


h2
{
  color:#659889;
  font-weight: 700;
}
h1,h3,h4,h5,h6
{
  color:#486b78;

}


/* Bigger than 550 */
@media (min-width: 550px) {
 
}

/* Bigger than 750 */
@media (min-width: 750px) {
  
}

/* Bigger than 1000 */
@media (min-width: 1000px) {

}