*::selection {
  background: #333;
}
*::-moz-selection {
  background: #333;
}
@font-face {
    font-family: 'watchmen';
    src: url('--watchmen---webfont.woff2') format('woff2'),url('--watchmen---webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
	background-color: red;

	font-family: 'Hind', sans-serif;
}
* {
	padding: 0;
	margin: 0;
}

#titletext {
	font-family: watchmen;
	color: #FEEE2E;
	font-size: 6.5vw;
}
#logo_span {
	color: #146EAD;
}
#linktotwo {
	text-decoration: none;
	color: #146EAD;
}
#title {
	
	position: absolute;
	width: 82vw;
	height: 12vh;
	text-align: center;
	line-height: 12vh;
	top: 50%;
	left: 50%;
	margin-top: -6vh;
	margin-left: -41vw;
}
#one {
	background-color: #030200;
	background-size: cover;
	width:100%;
    height: 100vh;
}
#two {
	height: 100vh;
	width: 100%;
	background-color: #0B4F77;
}
#favul {
	list-style-type: decimal;
    font-family: 'Josefin Sans', sans-serif;
    padding-left: 8vw;
    margin: 6.5vh auto;
}
#favul > li {
	margin: 1vw 0;
}
#favtit {
	text-align: center;
}
#fav {
	border: 1px solid #000;
	position: absolute;
	font-size: 48px;
	left: 50%;
	padding: 15px;
	width: 600px;
	height: 50vh;
	margin-left: -316px;
	overflow: hidden;
	top: 150vh;
	margin-top: -32vh;
	background-color: #0A4366;
}

#flash {
	color: #FF4500;
}
#bat {
	color: #000;
}
#arrow {
	color: green;
}
#manh {
	color: #1580c1;
}

#images {
	position: absolute;
	bottom: 0%;
	left: 0%;
}
#images > img {
	max-width: 100%;
    height: auto;
    width: auto\9;
}
#down {
	position: absolute;
	width: 2.5vw;
	height: 5vh;
	left: 50%;
	margin-left: -1.25vw;
	top: 180vh;
	margin-top: -2.5vh;
}

#downbtn {
	width: 2.5vw;
	opacity: 0.7;
	filter: alpha(opacity=0.7);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	cursor: pointer;
	-o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
  	transition:.5s;
}

#downbtn:hover {
	opacity: 1;
	filter: alpha(opacity=1);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

#three1 {
	background-color: #ECF0F1;
	height: 50vh;
	width: 100%;
}

#first {
    font-family: 'Raleway', sans-serif;
	font-size: 3.2vw;
	color: #000;
    text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
             0px 8px 13px rgba(0,0,0,0.1),
             0px 18px 23px rgba(0,0,0,0.1);
    line-height: 50vh;
    margin-left: 3vw;
}

#three2 {
	background-color: #3A99D9;
	height: 50vh;
	width: 100%;
}