@font-face {
	font-family: 'Austin Web';
	font-stretch: normal;
	font-style: normal;
	font-weight: 300;
	src:
		url(https://cdn.azure.revlon.com/assets/dist/fonts/Austin-Roman-Web.d0a87b0e43bcb7d0b82ed4e64a43b3ed.woff2) format("woff2"),
		url(https://cdn.azure.revlon.com/assets/dist/fonts/Austin-Roman-Web.36365a7c96257ee323e84cc660732fbb.woff) format("woff")
}

@font-face {
	font-family: 'Austin Web';
	font-stretch: normal;
	font-style: italic;
	font-weight: 300;
	src:
		url(https://cdn.azure.revlon.com/assets/dist/fonts/Austin-Italic-Web.d06fe7b171f9fd61999b31e5c4cb2b07.woff2) format("woff2"),
		url(https://cdn.azure.revlon.com/assets/dist/fonts/Austin-Italic-Web.d47bcd2fd8ef59c0d02ba79fd2e6aa9a.woff) format("woff")
}

@font-face {
	font-family: 'Graphik Web';
	font-stretch: normal;
	font-style: normal;
	font-weight: 400;
	src:
		url(https://cdn.azure.revlon.com/assets/dist/fonts/Graphik-Regular-Web.83d074c3e62a5a70a4f539b372cc766d.woff2) format("woff2"),
		url(https://cdn.azure.revlon.com/assets/dist/fonts/Graphik-Regular-Web.4d6c7d8f71f7f7287f489ee6350734b7.woff) format("woff")
}

@font-face {
	font-family: 'Graphik Web';
	font-stretch: normal;
	font-style: italic;
	font-weight: 400;
	src:
		url(https://cdn.azure.revlon.com/assets/dist/fonts/Graphik-RegularItalic-Web.9d3e200f616cb9d56540cffb55426dd7.woff2) format("woff2"),
		url(https://cdn.azure.revlon.com/assets/dist/fonts/Graphik-RegularItalic-Web.e7ebebfe4e272261dd7dc8311a501e0a.woff) format("woff")
}

@font-face {
	font-family: 'Graphik Web';
	font-stretch: normal;
	font-style: normal;
	font-weight: 500;
	src:
		url(https://cdn.azure.revlon.com/assets/dist/fonts/Graphik-Medium-Web.998b2070b9a83f4f1f3261b7f723f22d.woff2) format("woff2"),
		url(https://cdn.azure.revlon.com/assets/dist/fonts/Graphik-Medium-Web.95bf6b8eda965b07c609457ac0d19d3a.woff) format("woff")
}

@font-face {
	font-family: 'Graphik Web';
	font-stretch: normal;
	font-style: italic;
	font-weight: 500;
	src:
		url(https://cdn.azure.revlon.com/assets/dist/fonts/Graphik-MediumItalic-Web.93818f216c10963d382e11e2d70e4cc0.woff2) format("woff2"),
		url(https://cdn.azure.revlon.com/assets/dist/fonts/Graphik-MediumItalic-Web.758bc2dbc801f8b3c900308d4b9df4af.woff) format("woff")
}

@font-face {
	font-family: 'Graphik Web';
	font-stretch: normal;
	font-style: normal;
	font-weight: 700;
	src:
		url(https://cdn.azure.revlon.com/assets/dist/fonts/Graphik-Bold-Web.ab44015f8c1f81eba9d8229c2ed212de.woff2) format("woff2"),
		url(https://cdn.azure.revlon.com/assets/dist/fonts/Graphik-Bold-Web.0ddbbf4ca483f823eabc994657f7d7dc.woff) format("woff")
}

@font-face {
	font-family: 'Graphik Web';
	font-stretch: normal;
	font-style: italic;
	font-weight: 700;
	src:
		url(https://cdn.azure.revlon.com/assets/dist/fonts/Graphik-BoldItalic-Web.1e567b9568fffb7ceaead3175e7534a0.woff2) format("woff2"),
		url(https://cdn.azure.revlon.com/assets/dist/fonts/Graphik-BoldItalic-Web.decde7d037d54fc178faa226d68ef051.woff) format("woff")
}
*, html, body {
	padding: 0;
	margin: 0;
}
body {
	background: transparent url('seo-bg.jpg') no-repeat top left / cover;
}
a {
  color: #2a67a5;
  text-decoration: none;
  background-color: transparent;
}

a:hover {
  color: #0056b3;
  text-decoration: underline;
}

a:not([href]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):hover {
  color: inherit;
  text-decoration: none;
}

.btn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}

.btn:hover {
  color: #212529;
  text-decoration: none;
}

.btn:focus, .btn.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

.btn-primary {
  color: #fff;
  background-color: #2a67a5;
  border-color: #2a67a5;
}

.btn-primary:hover {
  color: #fff;
  background-color: #2a67a5;
  border-color: #0062cc;
}

.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #2a67a5;
  border-color: #0062cc;
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

.btn-primary.disabled, .btn-primary:disabled {
  color: #fff;
  background-color: #2a67a5;
  border-color: #2a67a5;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
.show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0062cc;
  border-color: #005cbf;
}

.btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
}

h2 {
	font-family: 'Austin Web',serif;
	text-align: center;
}
div#body {
	width: 100%;
	margin: 0 auto;
}

a#seo-request {
	font-family: Arial;
	font-weight: bold;
}

#splash{
	color: #000;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	align-self: center;
	width: 100vw;
	height: 100vh;
	text-align: center;
	overflow:auto;
}

#opaquebg {
	background-color:rgba(255, 255, 255, 0.65);
}

#seo-request {
	font-size: 1em;
	padding: 0.5em 1em;
	margin-bottom: 1em;
}

#seoh2 {
	margin: 0 auto;
	font-size: 1.5em;
	padding: 1em;
}

@media (max-width: 576px){
	#splash{
		justify-content: flex-end;
	}
	
	#opaquebg {
		width: 100%;
		padding-bottom: 2em;
		margin-bottom: calc(50vh - 140px);
	}
}

@media (max-width: 768px) and (min-width: 577px) {
	#splash{
		justify-content: center;
	}
	
	#opaquebg {
		width: 40%;
		padding: 15px 0;
		margin-right: 5%;
	}
}

@media (max-width: 992px) and (min-width: 769px){
	#splash{
		justify-content: center;
	}
	
	#opaquebg {
		width: 40%;
		padding: 15px;
		margin-right: 10%;
	}
}

@media (min-width: 993px){
	#splash{
		justify-content: center;
		align-items: flex-start;
	}
	
	#opaquebg {
		width: 40%;
		padding: 15px;
		margin-left: 45%;
		max-width: 400px;
	}
}