@import url('https://fonts.googleapis.com/css2?family=Bangers&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600&display=swap');


/*
Color Code 

red #e73d52
green #015f54
black 222323


*/

* {
	margin: 0;
	padding: 0;
}
body {
	background: #0c122a;
	width: auto;
	height: 100%;
}
a, a:visited {
	color: #6d6c6c;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a img {
	border: 0;
}
#container  {
	min-width:900px;
	height:100%;
	width:100%;
}

/* Content */
#stage {
	top: 0px;
	left: 0px;
	z-index: 100;
}

.stage {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#astronaut {
	width: 730px;
	height: 650px;
	background: transparent url(../../space.png) no-repeat;
	position: relative;
	margin-left: 50px;
	top: 20%;
}
/*#astronaut {*/
/*	width: 730px;*/
/*	height: 650px;*/
/*	background: transparent url(../images/astronaut.png) no-repeat;*/
/*	position: relative;*/
/*	margin-left: 50px;*/
/*	top: 20%;*/
/*}*/




#space {
	background: transparent url(../images/space.jpg) repeat-x 0 0 fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

/* Text */
#text_1 {
	font-family: 'Bangers', cursive;
	font-size: 30px;
	color: #393939;
	line-height: 28px;
	position: absolute;
	top: 102px;
	left: 32px;
}

#Nasa {
    position: absolute;
    top: 113px;
    left: 44px;
}

#text_2 {
    font-family: 'Bangers', cursive;
    font-size: 90px;
    color: #2d2d2d;
    width: 380px;
    padding-right: 10px;
    position: absolute;
    top: 11px;
    left: 95px;
}
.logo {
    max-width: 320px;
    margin: 0 auto;
    display: block;
}

#text_3 {
    font-family: 'Bangers', cursive;
    font-size: 40px;
    color: #393939;
    line-height: 32px;
    text-align: right;
    width: 305px;
    padding-right: 15px;
    position: absolute;
    top: 90px;
    left: 138px;
}

#text_4 {
    font-family: 'Oswald', sans-serif;
    font-size: 18px;
    color: #4c4c4c;
    text-transform: uppercase;
    font-style: italic;
    position: absolute;
    top: 175px;
    left: 392px;
}

#text_5 {
    font-family: 'Oswald', sans-serif;
    font-size: 17px;
    text-transform: uppercase;
    position: absolute;
    top: 222px;
    left: 361px;
}

/*#text_5 {*/
/*    font-family: 'Oswald', sans-serif;*/
/*    font-size: 17px;*/
/*    text-transform: uppercase;*/
/*    position: absolute;*/
/*    top: 216px;*/
/*    left: 399px;*/
/*}*/
#text_5 ul li {
	display: inline;
	list-style-type: none;
	border-left: 1px solid #6d6c6c;
	padding: 0 0.4em 0 0.4em;
	margin: 0 0.4em 0 -0.4em;
}
#text_5 ul li a {
    font-weight: 700;
    color: #e73d52;
    font-family: 'Roboto Condensed', sans-serif;
}

#text_5 ul li:first-child {
	border-left: 0;
}

.search_box {
	width: 286px;
	height: 34px;
	border: none;
	position: absolute;
	top: 224px;
	left: 430px;
}

.inputField {
	background: transparent url("../images/search_bg.png") no-repeat 0 0 scroll;
    border: none;
    color: #959595;
    font-family: Georgia, 'Times New Roman', Times, serif;
	font-style: italic;
    font-size: 14px;
    padding: 0 10px;
    width: 218px;
	height: 34px;
	line-height: 30px;
}

.btn-search {
	background: url("../images/search_btn.png") no-repeat scroll 0 0 transparent;
    border: none;
    cursor: pointer;
    width: 54px;
    height: 34px;
    position: absolute;
	right: 0;
}

.btn-search:hover {
	background: url("../images/search_btn.png") no-repeat scroll 0 -36px transparent;
}



/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
#astronaut {
    position: relative;
    margin-left: 0px;
    width: 100%;
    height: 48%;
    background-image: url(../../space.png);
    background-size: cover;
    background-position: center center;
    top: 20%;
}

#Nasa {
    position: absolute;
    top: 138px;
    left: 51px;
}
.nas_logo{
	width: 120px;
}

/*#astronaut {*/
/*    position: relative;*/
/*    margin-left: 0px;*/
/*    width: 100%;*/
/*    height: 48%;*/
/*    background-image: url(../images/astronaut.png);*/
/*    background-size: cover;*/
/*    background-position: center center;*/
/*    top: 20%;*/
/*}*/
.reg-button {
    margin-left: 16% !important;
}

#text_1 {
    font-size: 41px;
    color: #393939;
    line-height: 40px;
    position: absolute;
    top: 122px;
    left: 44px;
}
#text_2 {
    left: 175px !important;
    top: 15px;
}
.logo {
    max-width: 420px;
}

#text_3 {
    /* font-family: 'Bangers', cursive; */
    font-size: 38px;
    line-height: 40px;
    width: 380px;
    top: 108px;
    left: 216px;
    height: auto;
}
img.aci-logo {
    width: 100px;
}
#text_4 {
    top: 241px;
    left: 576px;
    font-size: 24px;
}


#text_5 {
    font-size: 18px !important;
    top: 292px;
    left: 578px;
}


.search_box{
	display: none;
}


}


@media only screen and (width: 768px) and (height: 1024px) and (orientation:portrait) {
	 #text_5 {
	    left: 397px !important;
	}
}

/* Samsung Galaxy S7 Edge ----------- */
@media only screen
and (-webkit-min-device-pixel-ratio: 3),
and (min-resolution: 192dpi)and (max-width:640px) {
 
	#text_5 {
    font-size: 18px !important;
    top: 347px;
    left: 660px;
}
}



/* iPhone 4 - 5s ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/*  #text_1 {
    top: 127px;
    left: 42px ;
}*/
 
	/*#text_5 {
	    left: 605px;
	}*/

}


/* iPhone 6+ ----------- */
@media
only screen and (min-device-width : 414px) 
only screen and (-webkit-device-pixel-ratio: 3) {

#text_1 {
    top: 127px !important;
    left: 42px !important;
}
 
#text_5 {
    left: 605px !important;
}

}