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

/* main styles below */

/*
L GREEN   rgba(153,204,102,1)
D GREEN   rgba(51,102,51,1.00)
BLUE   rgba(153,204,255,1) rgba(194,224,255,1.00) <--nav bar color   rgba(12,106,200,1.00)
YELLOW   rgba(204,153,51,1.00)
ORANGE   rgba(204,102,51,1.00)
BROWN   rgba(102,51,0,1.00)
*/

/* =============================================================================basic stuff */

body{background: rgba(0,36,73,1.00);
	margin: 0px;
	padding-top: 80px;
}

#home_banner{width: 100%;
			height:500px;
			background:url("../images/earth.jpeg") no-repeat scroll center center / cover;
			padding-top: 100px;
	background-attachment:fixed
}

#home_container{width:1200px;
	height:400px;
	margin: 0px auto;
	padding-top: 50px;
	color:#FFFFFF}
		
/* =============================================================================typefaces/fonts */
h1{
	font-family: "Aladin","Roboto Condensed", serif;
	font-optical-sizing: auto;
	font-style: normal;
	letter-spacing: 4px;
	line-height: 19px;
	font-size:40px;
}

.aladin-regular {
  font-family: "Aladin", system-ui;
  font-style: normal;
}

h2{
	font-family: "Aladin","Roboto Condensed", serif;
	font-optical-sizing: auto;
	font-weight:400;
	letter-spacing: 4px;
	font-style: normal;
	background-color:rgba(194,224,255,1.00);
	text-align: center;
	color:rgba(12,106,200,1.00);
	font-size:30px;
}

h3{
	font-family: "Aladin","Roboto Condensed", serif;
	font-optical-sizing: auto;
	font-weight:400;
	letter-spacing: 4px;
	font-style: normal;
	text-align: left;
	color:rgba(12,106,200,1.00);
	font-size:30px;
	line-height:0px;
}

p{
	font-family: "Montserrat", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	font-size: 19px;
	line-height: 2
}

.montserrat-subheader {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
}
/* =============================================================================button stuff */

button {
	color: #FFFFFF;
	background-color: rgba(12,106,200,1.00);
	font-family: "Montserrat";
	font-size: 19px;
	border: 0px solid #2d63c8;
	border-radius: 50px;
	padding: 15px 50px;
	cursor: pointer
}

button:hover {
	color: #FFFFFF;
	background-color: #54A854;
}

/* =============================================================================seasonal features */
#seasonal_features{width: 1200px;
	height: 400px;
	margin: 25px auto;
	background:rgba(126,15,231,1.00);
}

.product{width:300px;
	height:400px;
	background:rgba(16,71,237,1.00);
	float:left;
	color:#E9E9E9
}

.product a:link{color:rgba(255,255,255,1);
text-decoration: none}
.product a:visited{color:rgba(255,255,255,1)}
.product a:hover{color:rgba(88,249,168,1.00)}
.product a:active{color:rgba(255,255,255,1)}

.socials{margin-right:15px}

.clearfloats{clear:both;}

/* =============================================================================duo box and fast facts box */

#duo_container{width: 1160px;
	height:800px;
	background:rgba(233,245,255,1.00);
	margin: auto;
	margin-top: 20px;
	border-radius:20px;
}

#logo_container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px 40px;
    justify-content: center;
    align-items: center;
	width: 1160px;
	height:600px;
	margin: auto;
	margin-top: 20px;
	border-radius:20px;
	background:rgba(194,224,255,1.00)
}



.duo_interior{width:560px;
	height:800px;
	margin:auto;
	background:rgba(153,204,255,.0);
	color:rgba(0,0,0,1.00);
	float:left;
	padding-left:10px;
	border-radius:20px;
}

#fast_facts_container{width: 1160px;
	height:400px;
	margin: auto;
	margin-top: 20px;
	display:flex;
	justify-content: space-between;
	gap:20px;
}

.ff_interior{width:373px;
	height:330px;
	background:rgba(12,106,200,1.00);
	color:rgba(255,255,255,1.00);
	padding:0px 20px;
	padding-top:70px;
	content-align:center;
	border-radius:20px;
}

.center-image {
	display: block;
	margin: 20px auto;
	border-radius:20px;
}

.round_image {
	border-radius: 20px;
	margin-top:20px;
	margin-right:20px
}

.ff_interior li{
	font-family:"Montserrat";
	font-optical-sizing: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size:19px;
	line-height:2;
	color:inherit;
}

/* =============================================================================Footer stuff */
#footer_banner{width: 100%;
	height:400px;
	background:rgba(194,224,255,1.00);
	margin-top:40px;
}

#footer_container{width: 1200px;
	height: 400px;
	margin:0px auto;
	margin-bottom: 0px;
	background:rgba(126,15,231,0);
	display:flex;
}

.footerItem{width:275px;
	height:360px;
	background:rgba(255,255,255,0);
	color:rgba(12,106,200,1.00);
	margin-top:20px;
	margin-left:20px;
}

.footerItem a:link{color:rgba(12,106,200,1.00);
text-decoration: none}
.footerItem a:visited{color:rgba(12,106,200,1.00)}
.footerItem a:hover{color:rgba(84,168,84,1.00)}
.footerItem a:active{color:rgba(12,106,200,1.00)}

.socials{margin-right:5px}

.clearfloats{clear:both;}

#bottom_bar {height:75px;
	background: rgba(12,106,200,1.00);
	width:100%;
}