@charset "UTF-8";
/* CSS Document */

body{
	background-color: #292826;
	margin: 0px;
}


img{
	width: 100%;
	max-width: 180px;
	margin-left: -4px;
}


div#mark-mob{
	width: 80%;
	max-width: 650px;
}


div#website-design{
	font-size: 12px;
	font-family: helvetica, sans-serif;
	color: white;
	margin-top: 40px;
	margin-bottom: 40px;
	letter-spacing: 1px;
}

div#social-icons{
	margin-top: 120px;
	margin-bottom: 20px;
	

}

div#social-icons img{
	width: 30px;
	padding: 20px;
}



/* unvisited link */
a:link {
    color: #999;
    text-decoration: none;
}

/* visited link */
a:visited {
    color: #999;
}

/* mouse over link */
a:hover {
    color: #666;
}

/* selected link */
a:active {
    color: #999;
}



/* -----------   SOCIAL ------------------*/

div#social-buttons{
	width:100%;
	margin-right: auto;
	margin-left: auto;
}

#cf {
  position:relative;
  display: inline-block;
  width:100%;
  margin:8% auto;
  margin-left: -4px;
}

#cf img {
  position:absolute;  
  width:100%;
  left:0;
  -webkit-transition: opacity 0.1s ease-in-out;
  -moz-transition: opacity 0.1s ease-in-out;
  -o-transition: opacity 0.1s ease-in-out;
  transition: opacity 0.1s ease-in-out;
  
}

#cf img.top {
  position:absolute;
  width:100%;
  left:0;
  -webkit-transition: opacity 0.1s ease-in-out;
  -moz-transition: opacity 0.1s ease-in-out;
  -o-transition: opacity 0.1s ease-in-out;
  transition: opacity 0.1s ease-in-out;
  opacity: 0;
}

#cf img.top:hover {
  opacity:.6;
}