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

body{padding: 0px;
	margin: 0px;
	background: rgba(255,255,255,1.00);
}

h1{color: rgba(121,180,133,1.00);
	font-family: 'Comfortaa', cursive;
	font-size: 26px;
	line-height: 40px;
}

h2{font-family: 'Comfortaa', cursive;
	color: rgba(121,180,133,1.00);
	font-size: 20px;
	padding: 20px 0px 0px 0px;
}

h3{font-family: 'Comfortaa', cursive;
	padding: 0px;
	margin: 0px;
}

h4{font-family: 'Comfortaa', cursive;
	padding: 7px 0px 0px 40px;
	margin: 0px;
	color: rgba(121,180,133,1.00);
	font-size: 15px;

}

h5{font-family: 'Comfortaa', cursive;
	padding: 0px;
	margin: 0px;
	color: rgba(255,255,255,1.00);
	font-size: 20px;
	text-align: center;

}

/*rgba(230,184,165,1.00)
rgba(165,198,172,1.00)

font-family: 'Caveat', cursive;
font-family: 'Comfortaa', cursive;
font-family: 'Dancing Script', cursive;
font-family: 'Satisfy', cursive;
font-family: 'Vina Sans', cursive;
*/


/*#logo-box{width: 100%;
	height: 400px;
	background-image:url("../../portfolio/images/logo.jpg") no-repeat scroll center center / cover;
	padding: 0px;
}

#logo-box{height: 350px;
	width: 100%;
	background: url("../../astronomy/images/galaxy/header-1.jpg") no-repeat scroll center center / cover;
	/*border-bottom: rgba(0,0,0,1.00) solid;
	padding: 0px;
 }*/


#logo-box{height: 200px;
	width: 100%;
	background: rgba(255,255,255,1.00);
	padding: 10px 0px 0px 0px;
	margin: 0px;
}

#logo{padding: 0px;
	margin: 0px 0px 0px 145px;
}

.intro{height: 500px;
	width: 1200px;
	margin: 25px 0px 0px 150px;
	background: rgba(230,184,165,.60);
	float: left;
}

#photo-1{width: 500px;
	height: 500px;
	padding: 0px;
	margin: 0px;
	float: left;
}

#text-1{width: 500px;
	height: 300px;
	padding: 55px 0px 0px 75px;
	margin: 0px;
	float: left;
}

.ghost-button-transition{display: inline-block; 
	width: 250px; 
	padding: 10px; 
	/*color: rgba(190,185,17,1.00);*/
	border: 3px solid /*rgba(17,61,191,1.00)*/; 
	border-radius: 25px;
	text-align: center; 
	outline: none; 
	text-decoration: none; 
	transition: background-color 0.2s ease-out, color 0.2s ease-out; 
	margin-right: 30px;
	margin-left: 0px;
	margin-top: 50px;
	margin-bottom: 50px;
	float: left;
	background: rgba(255,255,255,1.00);
} 

.ghost-button-transition:hover, 
.ghost-button-transition:active{background-color: rgba(165,198,172,1.00); 
	color: rgba(255,255,255,1.00); 
	transition: background-color 0.3s ease-in, color 0.3s ease-in; 
}

a:link{color:rgba(121,180,133,1.00)}
a:visited{color: rgba(121,180,133,1.00)}
a:hover{color: rgba(230,184,165,1.00)}
a:active{color:rgba(121,180,133,1.00)}

.clearfloats{
	clear:both;
}

.section{height: auto;
	width: 1200px;
	margin: 25px 0px 0px 150px;
	/*background: rgba(230,184,165,.60);*/
	float: left;
	padding: 0px 0px 0px 0px;
}

#footer{height: 220px;
	width: 1200px;
	margin: 30px 0px 0px 150px;
	background: rgba(230,184,165,.60);
	float: left;
}

#mid-box{height: 180px;
	width: 350px;
	/*background: rgba(243,9,13,1.00);*/
	padding: 30px 0px 0px 50px;
	margin: 0px 0px 0px 400px;
	float: left;
}

.websites{height: 160px;
	width: 288px;
	background: rgba(121,180,133,1.00);
	float: left;
	margin-right: 2px;
	padding: 140px 0px 0px 10px
}

.fa-brands{float: left;
}
.fa-instagram{float: left;
}
.fa-regular{float: left;
}
.fa-envelope{float: left;
}