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

body {
	margin: 0 auto;
	background: #000; 
	font-family: Lato, sans-serif; 
	color:#666; 
	font-size: 16px;
}
body.bkgr-stars {
	margin: 0 auto;
	background: #000 url('https://wpo.net/img/background-stars.jpg');
	font-family: Lato, sans-serif; 
	color:#666; 
	font-size: 16px;
}
* {outline: none}
.container {
	margin: 0 auto;
	margin-top: 14px;
	width: 80%;
	max-width: 920px;
	height: 100%;
	text-align: center;
}
.close {
	position: fixed;
	top: 10px;
	right: 10px;
}
a:link, a:visited, .close a:link, .close a:visited {
	color: #888;
	text-decoration:none;
}
a:hover, a:active, a:focus, .close a:hover, .close a:active, .close a:focus {
	color: #bbb;
	text-decoration:none;
}
img.galaxy {
	max-width: 90%;
}
.flower {
	float: left;
	width: 20%;
	max-width: 250px;
}
.flower img {
	width: 250px;
}
.message {
	float: right;
	margin: 60px 0 0 0;
	width: 60%;
	text-align: center;
}
.his-message {
	margin: 0 auto;
}
.his-message img {
	max-height:65vh
}
.float-right {
	float: right;
}
.clear {
	clear: both;
}
h1 { 
	font-family: Simonetta, Times, serif;
	font-size: 3em;
	font-weight: normal;
	color: #f03;
	margin: 8px 0 24px 0;
}
h2 {
	font-family: Lato, sans-serif;
	font-size: 1.4em;
	font-weight: 400;
	color: #FCF;
}
#him h1 {
	font-family: Simonetta, Times, serif;
	font-size: 3em;
	font-weight: normal;
	color: #03A9F4;
	margin: 8px 0 24px 0;
}
#him h2 {
	font-family: Lato, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	color: #2196F3;
}
#him p {
	font-family: Lato, sans-serif; 
	color:#666; 
	font-size: .9rem;
	font-weight: 400;
	background: #000;
	margin-top: 3rem;
}
.disclaimer p {
    padding: 5em 0 0 0;
    text-align: center;
    color: #555;
    margin: 0 auto;
}


@media screen and (max-width:881px) {
.container {
	width: 90%;
}
.flower {
	max-width: 150px;
}
.flower img {
	width: 150px;
}
.message {
	width: 66%;
}
.his-message img {
	width: 100%;
}
}
	
@media screen and (max-width:779px) {
img.galaxy {
		max-width: 400px;
}
h1 { 
	font-size: 44px;
}
}


@media screen and (max-width:580px) {
.container {
	width: 94%;
}
.message {
	width: 68%;
}
h1 { 
	font-size: 40px;
}

}

@media screen and (max-width:480px) {
	img.galaxy {
		max-width: 200px;
	}
.flower {
	max-width: 120px;
}
.flower img {
	width: 120px;
}
.container {
	width: 96%;
}
h1 { 
	font-size: 36px;
}
.disclaimer p {
    padding: 3em 0 0 0;
}
}



@media screen and (max-width:280px) {
.flower {
	max-width: 100px;
}
.flower img {
	width: 100px;
}
.container {
	width: 100%;
}
.his-message img {
	width: 166px;
}
}