body{background-image:url("bg.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100vh;
	color: white;
	text-align: center;
	font-family:"Open Sans";
	font-size: 1.5rem;
}


img{margin-top:25rem;
width: 15%;
}

img.social{width:40px;
margin-top: -20px;}

a:link {
  color: #C2BC7B;
	text-decoration: none;
}



/* mouse over link */
a:hover {
  color: #D60B52;
	text-decoration: none;
}

p{margin-top:0,5rem;
margin-top: 1rem;
}

/* ----------- iPhone 5, 6, 6S, 7 and 8 ----------- */
 
/* Portrait */
 
@media only screen

and (min-device-width: 320px)
 
 
and (max-device-width: 667px)
 
and (-webkit-min-device-pixel-ratio: 2)
 
and (orientation: portrait) 
{
	body{background-image:url("bg.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100vh;
	color: white;
	text-align: center;
	font-family:"Open Sans";
		font-size: 1.5rem;
	}



img{margin-top:18rem;
	width: 55%;}
	
img.social{width:40px;
margin-top: -20px;}

a:link {
  color: #C2BC7B;
	text-decoration: none;
}



/* mouse over link */
a:hover {
  color: #D60B52;
	text-decoration: none;}
  }
 

 
/* Landscape */
 
@media only screen
 
and (min-device-width: 320px)
 
and (max-device-width: 667px)
 
and (-webkit-min-device-pixel-ratio: 2)
 
and (orientation: landscape) 
{
	body{background-image:url("bg.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100vh;
	color: white;
	text-align: center;
	font-family:"Open Sans";
		font-size: 1rem;
	}



img{margin-top:8rem;
	width: 26%;}
	
img.social{width:40px;
margin-top:-10px;}

a:link {
  color: #C2BC7B;
	text-decoration: none;
}



/* mouse over link */
a:hover {
  color: #D60B52;
	text-decoration: none; 
}
}
 
/* ----------- Google Pixel ----------- */
 
/* Portrait */
 
@media screen
 
and (device-width: 360px)
 
and (device-height: 640px)
 
and (-webkit-device-pixel-ratio: 3)
 
and (orientation: portrait){
	body{background-image:url("bg.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100vh;
	color: white;
	text-align: center;
	font-family:"Open Sans";
		font-size: 1.5rem;
	}



img{margin-top:18rem;
	width: 55%;}
	
img.social{width:40px;
margin-top: -20px;}

a:link {
  color: #C2BC7B;
	text-decoration: none;
}



/* mouse over link */
a:hover {
  color: #D60B52;
	text-decoration: none; 
}
}
 
 
/* Landscape */
 
@media screen
 
and (device-width: 360px)
 
and (device-height: 640px)
 
and (-webkit-device-pixel-ratio: 3)
 
and (orientation: landscape){
	body{background-image:url("bg.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100vh;
	color: white;
	text-align: center;
	font-family:"Open Sans";
		font-size: 1.5rem;
	}



img{margin-top:8rem;
	width: 26%;}
	
img.social{width:40px;
margin-top:-10px;}

a:link {
  color: #C2BC7B;
	text-decoration: none;
}



/* mouse over link */
a:hover {
  color: #D60B52;
	text-decoration: none; 
}
}