body
{
	font-family: "Jaro", sans-serif; 
	color: #0000ff;
    font-size: 2em;
    background-color: #ffff00;
    text-align: center;
    margin: 10px;
}
#container
{
    max-width: 1000px;
    margin: auto;
    
}
header img
{
    filter: invert(50%);
    width: 100%;
}
.rel img
{
    width: 50%;
}
a:link, a:visited, a:active
{
	color: #0000ff;
	text-decoration: none;
    font-size: 3em;
}
#social
{
    filter: invert(100%);
}
#contact
{
    color: #93b500;
}
#contact p
{
    margin-bottom: -20px;
}
h2
{
    margin-bottom: -50px;
    font-size: 2em;
}
iframe
{
    width: 560px;
    height: 315px;
}
@media screen and (max-width: 600px)
{
    iframe
    {
        width: 280px;
        height: 157px;
    }
    .rel img
    {
        width: 80%;
    }
}