#rem {
	color:#fff;
}

#rel {
	color:#fff;
}

#about {
	color:#fff;
}


a {
	text-decoration:none;
}


#rem:hover{
	color:#01ADCF;
}

#rel:hover{
	color:#01ADCF;
}

#about:hover {
	color:#01ADCF;
}



.header {
	color: #fff;
    background:rgba(0,0,0,0.8);
    padding: 1px;
    font-size: 10px;
    width: 831px;
    margin-left: auto;
    margin-right: auto;
    display: block;
	margin-top:10px;
}

.article {
	color: #fff;
    width: 831px;
    padding: 1px;
    background:rgba(0,0,0,0.4);
    margin-left: auto;
    margin-right: auto;
    display: block;
	padding-bottom:10px;
}

h1 {
	margin-left:50px;
}

p {
	margin-left:50px;
	margin-right:20px;
}

@media (max-width: 890px) {
	
	.header {
		width:700px;
	}
	
	.article {
		width:700px;
	}
	
	h1 {
		margin-left:20px;
	}
	
	p {
		margin-left:20px;
	}

}

@media (max-width: 740px) {
	
	.header {
		width:610px;
	}
	
	.article {
		width:610px;
	}
	
}

@media (max-width: 650px) {

	.header {
		width:90%;
	}
	
	.article {
		width:90%;
	}
	
}

@media (max-width: 400px) {

	.header {
		width:100%;
		margin-top:0px;
	}
	
	.article {
		width:100%;
	}
	
	p {
		font-size:13px;
	}
}