body {
	 font-family: "Barlow", sans-serif;
	font-size: 1em;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	line-height: 1.5em;
	background-color: #5A5A5A;
}



a {
	color: #ffd900;
	text-decoration: none;
}


a:hover   {

}

#columntext p.author::after {
	content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #ffd900;
    transition: width .3s;
}

#columntext p.author:hover::after {
    width: 100%;
    //transition: width .3s;
}


#wrapper {
	
}



#logo {
	width: 120%;
	height: auto;
	margin: 40px;
	max-width: 200px;
}


#columntext {
	color: #FFFFFF;
	padding: 0 40px;
	
}


#columntext p {
	font-size: 1.4em;
	line-height: 2em;
}

#columntext p span {
	font-size: 2em;
}

#columntext p.author {
	font-size: 0.9em;
	line-height: 2em;
}

#footer {
	font-size: 1em;
	color: #CCCCCC;
	margin-bottom: 20px;
	position: fixed;
	left: 40px;
	bottom: 20px;
}


@media screen and (max-width: 768px) {
  body {
    background-size: 50%;
  }
  #columntext p {
	font-size: 1em;
	line-height: 1.6em;
	}
  #footer {
	margin-top: 80px;
	position: relative;
	left: 0;
	bottom: 0;
	padding: 40px;
	}
}


@media screen and (max-height: 600px) {
  #footer {
	margin-top: 80px;
	position: relative;
	left: 0;
	bottom: 0;
	padding: 40px;
	}
}

@media screen and (max-width: 600px) {
  #logo {
    max-width: 120px;
  }

}