body {
	width:100%;
	padding:0px;
	margin:0px;
	background:white;
	font-family: sans-serif;
}

.container {
	width:100%;
	max-width:1200px;
	margin:0 auto;
}

.header {
	width:100%;
	max-width:1200px;
	height:80px;
	margin:0 auto;
	border:0px solid red;
	background:blue;
}
.header .head-wrape {
	width:100%;
	height:80px;
	/*max-width:1000px;*/
	margin:0 auto;
	background:#222;
	display:flex;
	justify-content: space-between;
}
.header .head-wrape .img-wrape{
	width:100%;
	max-width:80px;
	border:0px solid pink;
	margin-left:10px;
}
.header .head-wrape .img-wrape img {
	width:100%;
}
.header .head-wrape .nav-btn {
	width:100%;
	max-width:600px;
	border:0px solid grey;
}
.header .head-wrape .nav-btn .win-nav-btn {
	width:100%;
}
.header .head-wrape .nav-btn .win-nav-btn ul {
	/*width:100%;*/
	border:0px solid pink;
	display:flex;
	justify-content: space-around;
	margin:25px 0px 0px 0px;
}
.header .head-wrape .nav-btn .win-nav-btn ul a {
	width:90px;
	padding:5px;
	color:white;
	text-decoration:none;
	border:0px solid white;
	text-align:center;
}.header .head-wrape .nav-btn .win-nav-btn ul a:hover{background:silver;color:black;border-radius:3px;transition: 1s;}
 .header .head-wrape .nav-btn .win-nav-btn ul a:not(:hover){transition: 1s;}

.header .head-wrape .nav-btn .win-nav-btn ul a li {
	list-style-type:none;
	font-size:13px;
}

.content {
	width:100%;
	max-width:1200px;
	margin:0 auto;
	border:0px solid red;
	margin-bottom:100px;
	margin-top:-100px;
}
.content .wel-cont {
	width:100%;
	max-width:800px;
	margin:0 auto;
	display:flex;
	justify-content: space-between;
	/* flex-wrap: wrap; */
}
.content .wel-cont .msg-cont {
	width:100%;
	max-width: 300px;
	/* height:; */
	max-width:350px;
	border:0px solid blue;
	align-self: center;
	margin:0 auto;

}
.content .wel-cont .msg-cont h1 {
	border:0px solid green;
	font-size:50px;
	margin:0px 0px 5px 0px;
	color:#943D1F;
}
.content .wel-cont .msg-cont p {
	font-size:14px;
}
.content .wel-cont .msg-cont a button {
	width:130px;
	padding:5px;
	background:#943D1F;
	border:2px solid #5D90AE;
	color:white;
	border-radius:3px;
	box-shadow:5px 5px 5px grey;
	text-transform:uppercase;
	font-size:12px;
}.content .wel-cont .msg-cont a button:hover {background:#5D90AE;border:2px solid #943D1F;transition:1s;}
 .content .wel-cont .msg-cont a button:not(:hover) {transition:1s;}

 .content .wel-cont .msg-cont .dis-icons-cont {
 	width:250px;
 	margin-top:50px;
 	border:0px solid red;
 	display:flex;
 	justify-content: space-between;
 }
 .content .wel-cont .msg-cont .dis-icons-cont .icon-pad {
 	width:60px;
 	border:0px solid blue;
 	display:flex;
 }
 .content .wel-cont .msg-cont .dis-icons-cont .icon-pad #icon {
 	width:40px;
 	align-self:center;
 }
 .content .wel-cont .msg-cont .dis-icons-cont .icon-pad .ic-dat {
 	text-align:center;
 	border:0px solid red;
 	color:gray;
 }
 .content .wel-cont .msg-cont .dis-icons-cont .icon-pad .ic-dat #n {
 	display:block;
 	font-size:30px;
 }
 .content .wel-cont .msg-cont .dis-icons-cont .icon-pad .ic-dat #l {
 	display:block;
 	font-size:10px;
 }

.content .wel-cont .img-illus {
	width:100%;
	max-width:400px;
	margin:auto;
	border:0px solid green;
}
.content .wel-cont .img-illus img {
	width:100%;
}

.content .about-cont {
	width:100%;
	max-width:1200px;
	border:0px solid red;
	background:#943D1F;
	color:white;
}
.content .about-cont .ab-wrape {
	width:100%;
	max-width: 900px;
	margin:0 auto;
	display:flex;
	justify-content: space-between;
	border:0px solid blue;
	flex-wrap: wrap;

}
.content .about-cont .ab-wrape .ab-txt {
	width:100%;
	max-width:650px;
	border:0px solid green;
}
.content .about-cont .ab-wrape .ab-txt h2 {
	margin:0px 0px 10px 0px;
	padding: 0px;
}
.content .about-cont .ab-wrape .ab-txt p {
	width:100%;
	font-size: 12px;
}
.content .about-cont .ab-wrape .ab-img {
	width:200px;
	border:0px solid blue;
	margin:auto;
}
.content .about-cont .ab-wrape .ab-img img {
	width:150px;
	height:150px;
	display:flex;
	align-items: center;
	margin:auto;
	margin-bottom:5px;
	border-radius:75px;
}
.content .about-cont .ab-wrape .ab-icon {
	width:100%;
	border:0px solid red;
	display:flex;
	justify-content: space-between;
}
.content .about-cont .ab-wrape .ab-icon button {
	border:none;
	background:none;
}

.content .skill-set {
	width:100%;
	max-width:1200px;
	margin:0 auto;
	border:0px solid grey;
	margin-bottom: 200px;
}
.content .skill-set .skill-wrape {
	width:100%;
	max-width:700px;
	margin:0 auto;
	border:0px solid grey;
	display:flex;
	justify-content:space-between;
	flex-wrap: wrap;
}
.content .skill-set .skill-wrape .skill-class {
	width:100%;
	max-width:350px;
	border:0px solid blue;
}
.content .skill-set .skill-wrape .skill-class h3 {
	margin-left:20px
}
.content .skill-set .skill-wrape .skill-class .skill-items {
	width:100%;
	border:0px solid pink;
}
.content .skill-set .skill-wrape .skill-class .skill-items .tal-item {
	width:100%;
	max-width:300px;
	height:65px;
	display:flex;
	justify-content:space-between;
	margin:0 auto;
	border:0px solid green;
	box-shadow:0px 0px 5px silver;
	border-radius:3px;
	padding:5px;
	margin-bottom:20px;
}
.content .skill-set .skill-wrape .skill-class .skill-items .tal-item button {
	background:none;
	border:none;
	border:0px solid pink;
}
.content .skill-set .skill-wrape .skill-class .skill-items .tal-item .tal-dat {
	width:250px;
	height:40px;
	border:0px solid blue;
	align-self:center;
	margin-left:5px;
}
.content .skill-set .skill-wrape .skill-class .skill-items .tal-item .tal-dat h4 {
	margin:0px;
	padding:0px;
}
.content .skill-set .skill-wrape .skill-class .skill-items .tal-item .tal-dat p {
	padding:0px;
	margin:0px;
	font-size:12px;
}

.content .skill-set .skill-stack {
	width:100%;
	max-width:350px;
	border:0px solid red;

}

.content .skill-set .skill-stack h3 {
	margin-left:20px;
}

.content .skill-set .skill-stack .lan-stacks {
	width:100%;
	max-width:340px;
	margin:0 auto;
	border:0px solid blue;
	display:flex;
	flex-wrap:wrap;
}
.content .skill-set .skill-stack .lan-stacks .icons {
	width:60px;
	margin-right:5px;
	margin:3px;
}
.content .skill-set .skill-stack .lan-stacks .icons button {
	width:100%;
	height:100%;
	background:none;
	border:0px;
	display:flex;
	margin:0;
}





/* media queris */
/* media queris */
/* media queris */
/* media queris */
/* media queris */
/* media queris */
/* media queris */
/* media queris */
@media (max-width:870px) {

	.header .head-wrape .nav-btn{
		display:none;
	}
	
	.content .wel-cont {
		display:block;
		margin-top:60px;
	}
	.content .wel-cont .msg-cont {
		width:350px;
	}
	.content .wel-cont .img-illus {
		margin-top:40px;
		border:0px solid green;
		max-width:300px;
	}
	

	.content .about-cont .ab-wrape .ab-txt {
		border:0px solid green;
		max-width:700px;
		margin:0 auto;
	}
	.content .about-cont .ab-wrape {
		display:block;
		/* flex-wrap: nowrap; */
	}
	.content .about-cont .ab-wrape .ab-img{
		width:250px;
		margin-top:20px;
		border:0px solid blue;
	}.content .about-cont .ab-wrape .ab-img img{
		width:200px;
		height:200px;
		border-radius:150px;
	}
	
}

@media (max-width:750px) {
	.content .about-cont .ab-wrape .ab-txt {
		max-width:500px;
	}
}

@media (max-width:500px) {
	.content .wel-cont .msg-cont {
		max-width:250px;
		margin-top:80px;
	}
	.content .wel-cont .msg-cont .dis-icons-cont {
		margin:auto;
		margin-top:50px;
		border:0px solid blue;

	}
	.content .about-cont .ab-wrape .ab-txt {
		max-width:300px;
	}

	.content .skill-set .skill-wrape .skill-class {
		display:block;
		margin:auto;
	}

	.content .skill-set .skill-stack {
		border:0px solid green;
		margin:auto;
	}
}