body {
	background: rgb(0,0,0);
	color: rgb(255,255,255);
	font-size: 16px;
	line-height: 26px;
	text-align: center;
	padding: 5% }

#main {
	/* background: red; */
	width: 100%;
	margin: 0 auto }

#contact {
	/* background: green; */
	margin: 110px auto 60px auto }

#contact div {
	/* background: green; */
	position: relative;
	display: block }

#contact div:first-child {
	margin-bottom: 80px }
	
#contact div .fa-stack-2x {
	top: -45px }

#logos {
	width: 60%;
	margin: 0 auto }

#logos p {
	margin-bottom: 20px }
	
#logos a img {
	margin: 0 15px 15px 15px }

a {
	color: rgb(255,255,255);
	text-decoration: none }
	
a:hover {
	color: rgb(146,193,29) !important }

#logos a {
	opacity: .6 }
	
#logos a:hover {
	opacity: 1 }

p {
	width: 60%;
	margin: 0 auto 20px auto }

p.small {
	font-size: 11px;
	text-transform: uppercase }

a,
a:hover {
	color: rgb(255,255,255) }

h1 {
	width: 240px;
	height: 164px;
	margin: 10px auto 60px;
	background: url('../img/logo-magasinmakarna-1.png');
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: -99999px }

.browserupgrade {
	margin: 0;
	background: rgba(255,255,255,.3);
	color: rgb(255,255,255);
	padding: 20px }
	
@media only screen 
	and (min-device-width : 320px)
	and (max-device-width : 480px) {
  		
  		h1 {
  			margin-top: 50px }
  		
  		p,
  		#logos {
  			width: 100% }
  			
  		#logos a {
			opacity: 1 }

}