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




*{
	box-sizing:border-box;
}


body {
	background-color:#EBEBDC;
}

.banner{
	background-color: #11253D;
	color: #EBEBDC;
	font-family: "rufina";
	font-weight: 400;
	font-style: normal;
	font-size: 25px;
	text-align: center;
	padding: 15px;
	margin: 0px;
}

.footer{
	background-color: #11253D;
	color: #EBEBDC;
	font-family: "rufina";
	font-weight: 400;
	font-style: normal;
	font-size: 30px;
	font-size-adjust: auto;
	text-align: center;
	padding: 10px;
}

.parentdiv{
	vertical-align: center;
	height: 700px;
}

.parentdiv2{
	vertical-align: center;
	height: 1300px;
}

.parentdiv3{
	vertical-align: center;
	Height: 300px;
}

.div1{
	background-color: #EBEBDC;
	width: 50%;
	font-family: "miller-text", serif;
	font-weight: 400;
	font-style: normal;
	float: left;
	padding-left: 40px;
	padding-top: 20px;
	font-size: 19px;
	
}

.div1Contact{
	background-color: #EBEBDC;
	width: 50%;
	font-family: "miller-text", serif;
	font-weight: 400;
	font-style: normal;
	float: left;
	padding-left: 40px;
	padding-top: 40px;
	font-size: 19px;
	text-align: center;
	
}

.p{
	color: black;
	padding-left: 20px;
	font-size: 18px;
}

p a{
	text-decoration: none;
	color:  black;
}

p a:hover{
	text-decoration: underline;
}

.layoutimg{
	height: 375px;
}

.logoimg {
	height: 275px;
}

.linkedinimg{
	height: 200px;
	padding-bottom: 25px;
}

.instaimg{
	height: 230px;
}


.div2{
	width: 30%;
	float:left;
	background-color:#EBEBDC;
	padding-top: 50px;
	padding-left: 120px;
}

.div2work{
	width: 30%;
	float:left;
	background-color:#EBEBDC;
	padding-top: 50px;
	padding-left: 75px;
}

.div2Contact{
	width: 35%;
	float:left;
	background-color:#EBEBDC;
	padding-top: 70px;
	padding-left: 77px;
	font-size: 30px;
	font-family: "miller-text", serif;
}

.strikeimg{
	padding-top: 40px;
	height: 630px;
}

.swabimg{
	padding-right: 30px;
	height: 500px;
}


@media screen and (max-width:1300px){
	
	.div1{
		font-size: 17.70px;
		
	}
	
	.swabimg{
		height: 400px;
	}
	
	.layoutimg{
	height: 340px;
}
	
}

@media screen and (max-width:1150px){
	
	.div1{
		font-size: 16.15px;
		
	}
	
	.div2{
		padding-left: 50px;
	}
	
	.layoutimg{
	height: 220px;
}

.logoimg {
	height: 220px;
}
	
	.swabimg{
	padding-right: 30px;
	height: 350px;
}
	
	.strikeimg{
	padding-top: 40px;
	height: 500px;
}
	.parentdiv2{
	vertical-align: center;
	height: 1150px;
}
	
	.swabimg{
		height: 350px;
	}
	
	.linkedinimg{
	height: 150px;
}

.instaimg{
	height: 180px;
}
	
.div2Contact{
	width: 35%;
	float:left;
	background-color:#EBEBDC;
	padding-top: 70px;
	padding-left: 77px;
	font-size: 25px;
	font-family: "miller-text", serif;
}
	
}



ul{
	list-style-type: none;
	background-color: #ACC7E1;
	font-family: "rufina";
	font-weight: 400;
	font-style: normal;
	font-size: 20px;
	font-size-adjust: auto;
	margin: 0;
	padding: 10px 0px 10px 0px;
	text-align: center;
	
}

li{
	display: inline;
	padding: 0px 100px 0px 100px;
}

li a{
	text-decoration: none;
	color: #11253D;
}

li a:hover {
	font-weigth: bold;
}

@media screen and (max-width:880px){
	
.div1{
	width: 100%;
	height: auto;
	padding-left: 10px;
}

.div2{
	width: 100%;
	height: auto;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
}

.div2work{
	width: 100%;
	float:left;
	text-align: center;
	padding: 25px 0px 15px 0px;
}
	
li{
	display: block;	
	padding: 15px 0px 15px 10px;
	
	}
	
.parentdiv2{
	vertical-align: center;
	height: auto;
}
	
.strikeimg{
	border: thick;
	border-color: #ACC7E1;
}

.swabimg{
	border: thick;
	border-color: #ACC7E1;
}

	.div1Contact{
	width: 100%;
	padding-left: 0px;
	text-align: center;
	
}
	
	.div2Contact{
	width: 100%;
	text-align: center;
	padding-top: 30px;
	padding-left: 0px;
	padding-bottom: 30px;