main.css

.header , .footer 
{
		list-style-type:none;
		padding:0;
		margin:0;
		float:right;
		align-items:center;
}

.header a
{
	color: #3B3736;
	font-size: 16px;
}
.top
{
	position: -webkit-sticky;
	position: sticky;
	top:0;
	background-color: white;
	z-index:5;
	box-shadow: 10px 11px 34px -10px rgba(0,0,0,0.06)!important;
	
}
.left
{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.icon
{
	display:none;
}
*
{
	margin:0;
	padding:0;
}
.top
{
		display:flex;
		justify-content: space-around;
}
.para
{
	display:inline-block;
	width:40vw;
	font-weight: bold;
    font-size: 0.75em;
    line-height: 1rem;
    margin-left: 1em;
    color: #000000;
    font-family: Nunito Sans;
    font-style: normal;
    padding-top: 1em;
}
.left
{
	margin-left:20px;
}
#nav-bar
{
	display:flex;
	justify-content:space-around;
	
}

.topright
{
	display:flex;
	flex-direction: row;
	align-items: center;
	justify-content:space-between;
}
.con
{
	display:flex;
	background-image:url("banner.png");
	width:100%;
	height:7.5em;
	text-align:center;
	align-items: center;
	justify-content: center;
	z-index:0;
}
.development
{
	position:relative;
	font-family: Playfair Display;
    font-weight: bold;
    font-size: 2em;
    color: #3B3736;
    z-index:2;
    text-align:center;
 	margin-bottom:1em;

}
.devbox
{
    background: #F8D16C;
    position:relative;
    width: 10em;
    height: 2em;
    left: 4.5em;
    top:1.5em;
    z-index: 1;
}
.devbox1
{
	background: #F8D16C;
    position:relative;
    width: 12em;
    height: 1.7em;
	bottom:-5.0em;
	left:3em;
    z-index: 1;
}
h3
{
	font-family: Playfair Display;
    font-weight: bold;
    font-size: 1.5em;
    color: #000000;
    padding-top:2.5em;
	position:relative;
	z-index:2;

}

.subtitle
{
	font-family: Nunito Sans;
    font-weight: normal;
    font-size: .75em;
    margin-top:10px;
    color: #878787;
    
}
li
{
	display:inline;
	margin:20px;
}
.bod
{
	display:flex;
	flex-direction:column;
	flex-wrap:wrap;
	/*justify-content:center;*/
	align-items:center;
	font-size:24px;
	margin:0 auto;
}
.recruit
{
	background-color: #f7f7f7;
	margin-top: 1.4em;
	padding: 1.25em 2em;
    margin-bottom: 2em;
    width:80%;
}

h2
{
	font-family: Nunito Sans;
    font-weight: 700;
    font-size: 1em;
    line-height: 1.4rem;
    color: #000000;
    align-self: center;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

.content
{
	font-family: Nunito Sans;
    margin-top: 1.55em;
    font-weight: normal;
    font-size: 16.08px;
    color: #666666;
}

.winter
{
	background-color: #f7f7f7;
	margin-top: 1.4em;
	padding: 1.25em 2em;
    margin-bottom: 2em;
    width:80%;
}
.col
{
	display:flex;
	flex-direction: row;
	justify-content:center;
	align-items: center;

}
.o
{
	text-align:center;
	display: flex;
	justify-content: center;
	flex-direction: column;
    align-items: center;
    font-size:18px;
    

}
.or
{
	color: #CCCCCC;
	font-family: Nunito Sans;
}

.lin
{
	width: 1px;
    background: #A4A4A4;
    height:80px;
    align-self: center;

}

.foot
{
	display:flex;
	justify-content:space-around;
	background: #293B52;
	min-height: 3.5em;
	height: 1em;
	align-items: center;
}

.foot a
{
	color: #F8D16C;
}
a
{
	text-decoration:none;
}