@charset "UTF-8";
/* CSS Document */
html, body {
	margin: 0px; 
	padding:0px; 
}

.div1link{
		margin-left:10%;
		margin-right:20%;
		font-size: 15px;
		font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
		line-height:100%;
		color:black;
		text-decoration: none;
		margin-top: -10px;
}

.div1link:hover{
	text-decoration: underline;
	color: #1a4190;
}

.pagecontainers{
	display:flex;
}

.div1{
	/* background-color:aqua; */
	width:25%;
	height:100vh;
	position: static;
}

	.imagecenter {
	display: block;
	margin-left: 10%;
	margin-right:10%;
	margin-top: 30%;
	width: 80%;
	}

.imagecenter:hover{
	opacity: 70%;
}

		.div1type{
		margin-left:10%;
		margin-right:20%;
		font-size: 15px;
		font-family:Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
		line-height:130%;
		}

		.div1typebold{
font-weight: bolder;
}

.product{
	display:flex;
	flex-direction: flex;
	align-items:flex-start;
	margin: 10px;
}

.div2{
	/* background-color:pink; */
	width:75%;
	height:100vh;
	margin-left: 5%;
	justify-content: flex-start;
}

	.div2left{
	width: 30%;
	}

	.div2right{
	width: 70%;
	/* background-color: red; */

	}

	.header{
	font-size: 8vh;
	font-family: "helvetica", sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #101527;
	line-height: 6px;
	letter-spacing: -4px;
}

	.div2typedesc{
	font-size: 15px;
	font-family: "helvetica", sans-serif;
	font-weight: 300;
	font-style: normal;
	color: #101527;
	line-height: 18px;
	margin-right: 75px;
	margin-left: 10px;
}

	.div2typeprice{
	font-size: 15px;
	font-family: "helvetica", sans-serif;
	font-weight: 100;
	font-style: normal;
	color: #101527;
	line-height: 6px;
}

	.div2typelink{
	font-size: 13px;
	font-family: "helvetica", sans-serif;
	font-weight: 100;
	font-style: normal;
	color: #1a4190;
	line-height: 6px;
	text-decoration: underline;
	
}

	.aboutusimage{
	width:90%;
	display: block;
	margin-left:10px;
	margin-right:auto;
	margin-top: -30px;
	align-items: center;
	justify-content: center;
	border: medium;
	border-color: black;
	border-style: solid;
	}

.productimage:hover{
	opacity: 70%;
	border-color: #4F4F4F;
}

.img{
margin-top: 45px;
width:38%;
align-items: center;
display:block;
margin-left:auto;
margin-right:auto;}

.container { 
display:flex;
justify-content:space-between;
margin: 0px 70px;
align-items:flex-start;}

.footer{
	display: flex;
	justify-content: space-between;
	align-items:center;
	margin-top: 30px;
	margin-right: 125px;
	margin-left: 125px;
	margin-bottom: 0px;
	font-size: 25px;
	position: center bottom;
	font-family: futura-pt, sans-serif;
	font-weight: 500;
	font-style: normal;
}

.bodytype {align-content: flex-start}

.link {
	text-decoration: none;
	color:#101527;

}

.link:hover{
	text-decoration: underline;
}

.mobilelogo{
display:none;
}
@media screen and (max-width: 640px) {
	
		.mobilelogo{
		display:block;
		width: 300px;
		margin-left: 145px;
		margin-top: 0px;
		margin-bottom: -20px;
	}
	
	
	.div1{
		display:none;
	}
	
	.div1link{ 
	display:flex;
	flex-direction: column;}
	
	.product{
		flex-direction:column;
		margin-top:5px;
		margin-bottom:5px;
	}
	
	.productimage{
	width: 120%;
	}
	.div2{ margin-right:0px; margin-left:30px; background-color:white; overflow: none; width: 100%; align-items:center; justify-content:center;
	}
	
.div2typetitle, .div2typedesc, .div2typeprice, .div2typelink {
	font-size: 16px;
	line-height:21px;
	align: center;
	text-align:center;
	margin-left: 35px;
	}
	
		.header{
	font-size: 6vh;
	font-family: "helvetica", sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #101527;
	line-height: 85px;
	letter-spacing: -4px;
	margin-top: -1px;
	margin-bottom: px;
	text-align:center;
			margin-left: 20px;}
	
	.div2left{
		width: 100%;
}
	
	.aboutusimage{
		margin-top:-60px;
	}
}