@media (max-width: 767px) {
  body {
    padding-right: 0px;
    padding-left: 0px;
  }
  .logohead {
    padding-left: 10px;
  }
  .contributionheader {
    padding-left: 10px;
  }
}

@media (max-width: 767px) {
  #main-content-container {
    padding-right: 5px;
    padding-left: 5px;
    margin-left:10px;
  }
}


@media (max-width: 767px) {
  #header-modules {
    padding-left: 0px;
    float:left;
    text-align: left;
  }
}


@media (max-width: 767px) {
  .right {
  	margin-left: -20px;
	margin-right: -20px;
	margin-bottom: -20px;
   
border-left: none;
    border-top: none;
border-right: none;
    border-bottom: none;
}
 
}
 
@media (max-width: 410px) {
  #search, .search form {
/*  display : none !important;
visibility : hidden;
*/
  float: left;
  padding-top: 10px;
  padding-left: 10px;
    
    
  }
}


@media (max-width: 410px) {
#breadcrumb {
display : none !important;
visibility : hidden;
}

}


@media (max-width: 960px) {
   .intro {
  margin-top: -100px;
    margin-bottom: 2px;
bottom: 10%;
font-weight: 400;
font-size: 110%;

    }
} 
@media (max-width: 768px) {
   .intro {
  margin-top: -100px;
    margin-bottom: 2px;
bottom: 8%;
font-weight: 400;
font-size: 110%;

    }
} 

@media (max-width: 960px) {

.intro {
    font-size: 110%;
    bottom: 8%;
  }
 
.skillintro {
    font-size: 110%;
    bottom: 8%;
  }
  
 .ecointro {
    font-size: 110%;
    bottom: 8%;
  }
  
 .travelintro {
    font-size: 110%;
    bottom: 8%;
  }
  
 .pixelintro {
    font-size: 110%;
    bottom: 8%;
  }
  
 .kitintro {
font-size: 110%;
    bottom: 8%; 
  }

}


@media (max-width: 468px) {
.intro {
    font-size: 150%;
    bottom: 15%;
  }
  
  
.skillintro {
    font-size: 150%;
    bottom: 15%;
  }
  
  
.ecointro {
    font-size: 150%;
    bottom: 15%;
  }
  
.travelintro {
    font-size: 150%;
    bottom: 15%;
  }
  
.pixelintro {
    font-size: 150%;
    bottom: 15%;
  }
  
.kitintro {
font-size: 150%;
    bottom: 15%; 
  }
}

@media (max-width: 468px) {
.introlay img {
    margin-bottom: 30px;
    }
} 

@media (max-width: 468px) {
h1 span {
   font-family: 'Source Sans Pro', sans-serif;
    }
} 

@media (max-width: 320px) {
   #main-content-container {
    padding-right: 5px;
    padding-left: 5px;
    margin-left:5px;
  }
  .body {
    font-size: 18px;
    
  }
}


/*
@media (min-width: 1000px) {
.row-fluid .span4 {
    width: 300px;
	} 
}
*/
/*
@media (max-width: 470px) {
   .img-intro-left img {
  width: 470px;
    }
}

@media (max-width: 470px) {
   .introlay {
  width: 270px;
  margin-top: -70px;
  padding: 20px 5px;
    }
}   */

/* 
@media (max-width: 768px) {
   .introlay {
  width: 690px;
  margin-top: -60px;
  padding: 20px 5px;
    }
}


@media (max-width: 468px) {
   .introlay {
  width: 400px;
  margin-top: -70px;
    }
}


@media (max-width: 310px) {
   .introlay {
  width: 280px;
  margin-top: -70px;
    }
}




@media (max-width: 768px) {
   .img-intro-left img {
  width: 100%;
    }
}

@media (max-width: 468px) {
   .img-intro-left img {
  width: 100%;
    }
}

@media (max-width: 310px) {
   #main-content-container {
    padding-right: 5px;
    padding-left: 5px;
    margin-left:10px;
  }
}

*/