@charset "UTF-8";
/* CSS Document */

/* MOBILE / GLOBAL (xs) - Extra small devices (phones, less than 768px) */

html {
  width: 100%;
	height: 100%;
}

body {
	display: block;
	width: 100%;
	height: 100%;
	float: left;
	background-color: #181947;
	background-attachment: fixed;
	background-image: url("../images/presh-wesh-holding-page-bg-image.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}

.vertical-center {
  min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
  min-height: 100vh; /* These two lines are counted as one :-)       */

  display: flex;
  align-items: center;
}

#logo {
	display: block;
	width: 100%;
	height: 100%;
	float: left;
}

#logo img {
	display: block;
	width: 92%;
	height: 100%;
	float: left;
	margin-right: 8%;
}

#message {
	display: block;
	width: 100%;
	height: 100%;
	float: left;
	text-align: center;
}

#message span {
	display: block;
	width: 100%;
	height: 100%;
	float: left;
	margin: 20px 0px;
	font-family: 'Anton', sans-serif;
  font-style: italic;
	font-size: 20px;
	color: #FFFFFF;
}

/* TABLET (sm) - Small devices (tablets, 768px and up) */

@media (min-width:768px){
	
	#logo img {
    width: 95%;
    margin-right: 5%;
  }
	
	#message span {
    font-size: 38px;
  }
	
}

/* DESKTOP (md) - Medium devices (desktops, 992px and up) */

@media (min-width:992px){
	
	#logo img {
    width: 98%;
    margin-right: 2%;
  }
	
	#message span {
    font-size: 38px;
  }
	
}

/* LARGE DESKTOP (lg) - Large devices (large desktops, 1200px and up) */

@media (min-width:1200px){
	
	#message span {
    font-size: 46px;
  }
	
}