/* ==========================================================================
   Author's custom styles
   ========================================================================== */


@media (max-width: 979px){
	body{
		padding-top: 30px;
	}
}

html{
	height: 100%;
}

body{
	background-color: #2c3e50;
	letter-spacing: 1px;
}

.container{
	width: 280px;
	
}

.bot-box>a {
    padding: 10px;
}
h4 a {
    color: #f1c40f;
}
h4 a:hover {
    color: #f1c40f;
    text-decoration: underline;
}
a:hover {
    color: #f1c40f;
}

.top-box{
	background-color: #e74c3c;
    color: white;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 40px 20px 20px 20px
}

.bot-box{
	background-color: #2ecc71;
    padding-top: 20px;
    border-top: 1px solid #7f8c8d;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding: 20px;
}

.bot-box a {
	padding: 25px;
}

.profile{
	width: 150px; 
	margin: auto;
}

.profile-img {
	-moz-box-shadow: 0px 0px 0px 5px #ecf0f1; /* Firefox */
	-webkit-box-shadow: 0px 0px 0px 5px #ecf0f1; /* Safari, Chrome */
	box-shadow: 0px 0px 0px 5px #ecf0f1; /* CSS3 */
}

h1{
	font-size: 1.3rem;
	letter-spacing: 
}

h4{
	font-size: 0.9rem; 
	margin-top: 10px;
}

footer{
	color: white;
    font-size: 0.6rem;
    margin-top: 60px;
}