@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700;800;900&display=swap');
body, html {font-family: 'Nunito', sans-serif; background: url(../img/dish3.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.float {float:left;}
.centring {text-align:left;}
.spaceman-logo {
width:100%;max-width:320px;height:auto;padding:20px 0 100px 40px;
}
.spaceman-text {
font-size:22px;
line-height:120%;
/*width:100%;*/
max-width:300px;
margin:0 auto;
color: #ffffff !important;
text-decoration: none;
background-color: #145679;
padding: 14px 14px 18px;
display: inline-block;
transition: all 0.2s ease 0s;
border-radius:8px;
text-align:center;
font-family: 'Nunito', sans-serif;
}
.spaceman-text:hover {
color: #ffffff !important;
text-decoration: none;
background: #ae942b;
transition: all 0.2s ease 0s;
}
div.intro {
	max-width: 320px;
	padding:20px 20px 10px;
	opacity: 1;
	color: #000000;
	font-family: 'Nunito', sans-serif;
	font-weight: 300;
	font-size: 16px;
	line-height:125%;
	background: rgba(255, 255, 255, 0.5);
	margin: 0 50px;
	border-radius:8px;
}
div.carnane{
	height:auto;
	max-width: 320px;
	padding:20px;
	opacity: 1;
	background: rgba(255, 255, 255, 0.5);
	margin: 100px 0;
	border-radius:8px;
}
.spacer-top {height:200px;}
.title-bold {font-weight:900;font-size:34px;line-height:115%;color:#145679;}
.one-para-bold {font-weight: 600;font-size:20px;line-height:115%;}
.contact-bold {font-weight: 800;}
.regd {font-size:10px;margin-top:0px;padding-top:0px;line-height:0px;}

@media all and (max-width: 900px) {
.spaceman-logo {padding:20px 0 20px 40px;
}
div.carnane{
	margin: 20px 50px;
}
}

@media all and (max-width: 600px) {
	background-color:#ffffff;
}

@media all and (max-width: 474px) {
div.intro{
	background-color:#ffffff;
}
div.carnane{
	background-color:#ffffff;
}
}

@media all and (max-width: 400px) {
.centring {text-align:center;}
.spaceman-logo {width:320px;height:auto;padding:10px 0;margin: 0 auto;}
.spacer-bottom {height:50px;}
.title-bold {font-weight: 800;font-size:28px;line-height:115%;text-align:center;margin: 0 auto;}
div.intro{
    font-size: 16px;
	line-height:125%;
	padding:20px 15px 10px;
	margin: 0 15px;
	background-color:#ffffff;
}
div.carnane{
	height:auto;
	padding:20px;
	margin: 20px 15px;
	background-color:#ffffff;
}
.title-wrpr {text-align:center;}
.one-para-bold {font-weight: 400;font-size:18px;line-height:115%;
}
}

@media all and (max-width: 320px) {
	.float {float:none;}
div.intro{
    font-size: 14px;
	line-height:125%;
	padding:20px 15px 10px;
	margin: 0 15px;
	background-color:#ffffff;
}
div.carnane{
	height:auto;
	padding:20px 20px 10px;
	margin: 20px 15px;
	background-color:#ffffff;
}
}



