*{
	margin:0;
	padding:0;
	box-sizing:border-box;
	
}
@font-face {
    font-family: "Adera Display";
    src: url("fonts/AderaDisplay.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

.logobox span{
	font-family: "Adera Display";
	font-size:80px;
	position:relative;
	left:-0.6%;
	color:snow;
	text-shadow: 0px 2px 4px snow;
	top:20px;
}

.logobox hr{
	position:relative;
	top:6px;
	background:rgba(255,255,255,0.50);
	height:6px;
	max-width:25%;
	border-radius:4px;
	margin:0px auto;
	outline:none;
}

.logobox h4{
	font-family: "Adera Display";
	font-size:40px;
	color:snow;
	letter-spacing:4px;
	text-shadow: 0px 1px 2px snow;
	position:relative;
	top:10px;
}

.navbar{
	
	display:flex;
	align-content:center;
	align-items:center;
	padding-right:12px;
	padding-left:12px;
	height:12vh;
	
}

.navbar nav{
	flex:1;
	text-align:right;
	
}

.navbar nav ul,li{
	display:inline-block;
	list-style-type :none;
	margin-right:8px;
	
}

.navbar nav ul li a{
	text-decoration:none;
	color:snow;
	padding:4px 12px;
	border:1px solid snow;
	border-radius:4px;
	background:#000044;
	font-weight:600;
}
.bigbox{
	background:#000044;
	width:100%;
}

.small_container{
	width:100%;
	/* border:1px solid green; */
	height:100vh;
}
.row{
	/* position:relative;
	top:20px;
	
	align-content:center;
	margin-right: 25px;
	margin-left: 25px;
	align-items:center; */
	/* border:1px solid yellow; */
	display:flex;
	align-items: center;
	flex-wrap:wrap;
	justify-content: space-around;
	margin-left:40px;
	margin-right:40px;
	padding:80px;
}

.col2{
	flex-basis:48%;
	min-width:250px;
	/* border:1px solid red; */
	height:350px;
	padding:20px;
}

.col2 > #imgbox{
	width:350px;
	
}

.col2 > #imgbox img{
	width:100%;
}

.col2 > .detailbox{
	align-content:center;
}

.col2 > .detailbox p{
	font-size:4.6rem;
	color:snow;
	line-height:80px;
	letter-spacing:10px;
}


.footer{
	position:relative;
	background:#000044;
}

.footer > .footerbox{
	color:snow;
	max-width:60%;
	padding:20px;
}

.footer > .footerbox a{
	color:snow;
	text-decoration:none;
}

@media only screen and (max-width: 470px){
	.row{

		padding:0px;
	
	}
	
	.col2{
		flex-basis:98%;
		min-width:200px;

	}
	
	.navbar nav{
		position:absolute;
		top:40px;
		right:0px;
		height:0px;
		
	}
	.navbar nav ul,li{
		
		
	}
	
	.navbar nav ul li a{
		
	}
	.navbar .menuicon{
		display:block;
	}
	
	.col2 > .detailbox p{
		font-size:1.4rem;
	
		line-height:32px;
	}
	
	.col2 > #imgbox{
		width:100%;
	
	}
	
	.logobox span{
		
		font-size:60px;
	}
	
	.logobox hr{
		top:10px;
		max-width:50%;
	}
	
	.logobox h4{
		font-size:20px;
	}
	
	.footer > .footerbox{
		
		max-width:98%;
		padding:5px;
		line-height:22px;
	}
	
	.col2 > #imgbox img{
		width:100%;
	}
}