@import url(https://fonts.googleapis.com/css?family=Alegreya:400italic,400);

@font-face {
	font-family:'GillSans-Regular';
	src: url('GillSans_gdi.eot');
	src: url('GillSans_gdi.eot?#iefix') format('embedded-opentype'),
		url('GillSans_gdi.woff') format('woff'),
		url('GillSans_gdi.ttf') format('truetype'),
		url('GillSans_gdi.svg#GillSans-Regular') format('svg');
	font-weight: 5;
	font-style: normal;
	font-stretch: normal;
	unicode-range: U+0020-2666;
}

*{margin:0px; padding:0px;}

body{font-family:Arial, Helvetica, sans-serif;}

img{border:0px; max-width:100%;}

ul{margin:0px; padding:0px;}

.clr{clear:both;}

p{
	font-size:13px;
	color:#616161;
	line-height:30px;
}

/*============*/

.header{
	width:100%;
	padding-top:5px;
}

.container{
	width:1200px;
	margin:auto;
}

.phone, .email{
	width:300px;
	float:left;
	margin-top:40px;
	color:#404040;
	font-family:'GillSans-Regular';
}

.phone h4{
	font-weight:normal;
	letter-spacing:0.5px;
	background:url(../images/phone.jpg) no-repeat 0px -1px;
	padding:0px 0 0 25px;
}

.email h4{
	font-weight:normal;
	letter-spacing:0.5px;
	background:url(../images/email.jpg) no-repeat 205px 0px;
}

.email a{
	text-decoration:none;
	color:#404040;
}

.email a:hover{
	color:#850134;
}

.logo{
	width:420px;
	float:left;
	margin:0 90px;
}

.email{
	text-align:right;
}


/*===NAV===*/

.navi-gation{
	width:100%;
	background:#3a3a3a;
	text-align:center;
	font-size:17px;
	font-family:'GillSans-Regular';
}

/*===NAV===*/


.welcome{
	width:100%;
}

.wel-img{
	width:60%;
	float:left;
}

.wel-con{
	width:35%;
	float:right;
	padding:2% 2.5%;
}

.wel-con h4{
	font-weight:normal;
	font-family: 'Alegreya', serif;
	color:#353535;
	border-bottom:1px solid #ababab;
	width:90px;
	padding-bottom:9px;
	font-style:italic;
}

.wel-con h1{
	font-family: 'Alegreya', serif;
	color:#850134;
	text-transform:uppercase;
	margin:10px 0;
}


.wel-con .read01{
	text-align:center;
	background:#424141;
	padding:7px 10px;
	float:left;
	font-family:'GillSans-Regular';
	font-size:13px;
	text-transform:uppercase;
	margin:30px 10px 0 0px;
}


.wel-con .read01:hover{
	background:#850134;
}

.wel-con .read01 a{
	text-decoration:none;
	color:#FFFFFF;
}

/*====FOOTER======*/


.footer{
	width:100%;
	background:#2f2f2f;
	padding:10px 0;
	text-align:center;
	color:#fff;
	font-size:15px;
	font-family: 'Alegreya', serif;
	line-height:27px;
}

.footer a{
	text-decoration:none;
	color:#fff;
	font-style:italic;
	font-size:13px;
}

.footer a:hover{
	color:#850134;
}

/*===MEDIA SCREEN===*/

@media only screen and (min-width:980px) and (max-width:1199px) {

p{font-size:13px; line-height:25px;}

.container{width:980px;}

.phone, .email{width:270px;}

.email h4{background:url(../images/email.jpg) no-repeat 175px 0px;}

.logo{margin:0 10px;}

.wel-img{width:50%;}

.wel-con{width:46%; padding:1% 2%;}

.wel-con h1{margin:3px 0; text-transform:capitalize;}

/*.wel-con .read01{margin-top:10px;}*/


}

@media only screen and (min-width:768px) and (max-width:979px) {

.container{width:768px;}

.wel-img{width:100%; float:none;}

.wel-con{width:95%; float:none; padding:2% 2.5%;}

/*.wel-con .read01{margin-top:10px;}*/

.phone, .email{width:204px; margin-top:40px;}

.logo{width:360px; margin:0px;}

.email h4{background:url(../images/email.jpg) no-repeat 110px 0px;}


}

@media only screen and (min-width:600px) and (max-width:767px) {

.navi-gation{width:100%; text-align:left; position:fixed; top:0; left:0; background:none;}

.container{width:600px;}

.wel-img{width:100%; float:none;}

.wel-con{width:95%; float:none; padding:2% 2.5%;}

/*.wel-con .read01{margin-top:10px;}*/

.phone, .email{float:none; margin:0px 150px; text-align:center;}

.logo{float:none;}

.email h4, .phone h4{background:none; margin-bottom:10px;}


}

@media only screen and (min-width:480px) and (max-width:599px) {

.navi-gation{width:100%; text-align:left; position:fixed; top:0; left:0; background:none;}

.container{width:480px;}

.wel-img{width:100%; float:none;}

.wel-con{width:95%; float:none; padding:2% 2.5%;}

/*.wel-con .read01{margin-top:10px;}*/

.phone, .email{float:none; margin:0 90px; text-align:center;}

.logo{float:none; margin:0 30px;}

.phone h4, .email h4{background:none; margin-bottom:10px;}


}

@media only screen and (min-width:320px) and (max-width:479px) {

.navi-gation{width:100%; text-align:left; position:fixed; top:0; left:0; background:none;}

.container{width:320px;}

.wel-img{width:100%; float:none;}

.wel-con{width:95%; float:none; padding:2% 2.5%;}

/*.wel-con .read01{margin-top:10px;}*/

.phone, .email, .logo{width:300px; float:none; margin:0 10px; text-align:center;}

.phone h4, .email h4{background:none; margin-bottom:10px;}


}

/*===MEDIA SCREEN===*/