html
{
	font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;
}

body
{
background-color: #e4e4e4;
color: #000000;
font-size: 15px;
font-family: 'Open Sans', sans-serif;
margin-bottom: 20px;
margin-top: 10px;
}

a 
{
color: #3b5998;
text-decoration: none;
}

a:hover
{
color: #3b5998;
text-decoration: underline;
}

h2
{
padding: 0px;
margin: 0px;
font-size: 24px;
font-weight: 300;
}

img
{
border: 0px;
margin-top: 10px;
width: 100%;
height: auto;
}

.c 
{
text-align: center;
}

.prevandnext-small
{
	display: none;
}

@media screen and (max-width: 600px)
{
	.gif
	{
		width: 99%;
	}
}

.sharing
{
	text-align: center;
    margin-bottom: 14px;
    margin-top: 14px;
}

.footer
{
	clear: both;
}

.fivebuttons
{
	display: block;
}

.fourbuttons
{
	display: none;
}

.threebuttons
{
	display: none;
}

/* 4 buttons */
@media screen and (max-width: 440px)
{
	.fivebuttons
	{
		display: none;
	}
	
	.fourbuttons
	{
		display: block;
	}

	.threebuttons
	{
		display: none;
	}	
}

/* 3 buttons */
@media screen and (max-width: 340px)
{
	.fivebuttons
	{
		display: none;
	}

	.fourbuttons
	{
		display: none;
	}

	.threebuttons
	{
		display: block;
	}	
}

/* next picture small navigation, sharing minimum width reached */
@media screen and (max-width: 364px)
{	
	.prevandnext
	{
		display: none;
	}
	.prevandnext-small
	{
		display: block;
	}
}