.welcome-text>span, .welcome-text>h1{
	font-size:40px;
}

.logo{
	width:220px;
	height:220px;
}

.logo>p{
	font-size:55px;
}

.row.two>.title>.title-text{
	width:90%;
}

.row.two>.content{
	font-size:12px;
}

.row.two>.title,.row.three>.title,.row.four>.title{
	height:80px;
}

.title>.title-text{
	font-size:14px;
}

.row.two>.title>.title-text{
	padding: 10px;
}

.row.four .content>div{
	float:none;
	width:100%;
}

.row.four .content>.right .chart-item .graph>div{
	float:left;
}

.row.four .content>* .chart-item .graph>div{
	display:flex;
	flex-direction: row-reverse;
	justify-content:center;
	width:100%;
}

.row.four .content>.right .chart-item .detail{
	text-align:center;
}

#myTimeline #bar,.timeline-item .circ{
	left:8%;
}

.timeline-item.in-view:nth-child(even) .textHolder,.timeline-item.in-view:nth-child(odd) .textHolder{
	left:12%;
	width:86%;
}

.timeline-item:nth-child(odd) .textHolder .detailText:before{
	left:0;
	border-width:8px 10px 8px 0;
	border-color:transparent white transparent transparent;
	-webkit-transform:translateX(-100%) translateY(-50%);
	transform:translateX(-100%) translateY(-50%);
}

.timeline-item:nth-child(even) .textHolder .detailText:before{
	border-width:8px 10px 8px 0;
}

.timeline-item:nth-child(odd) .detailText{
	margin-left:2%;
	margin-right:0;
}

.imgSlider{
	padding:5px;
}

.footer .logo{
	width:120px;
	height:120px;
}
.footer .logo p{
	font-size:28px;
}

.footer .name p{
	font-size:24px;
}

.footer .email a{
	font-size:19px;
}

.footer .email{
	margin-bottom:28px;
}

.circle{
	width:30px;
	height:30px;
}

.chart-item{
	height:110px;
}

.chart-item .detail{
	font-size:18px;
	text-align:center;
}

#my-desc{
	width: 100%;
}

#my-detail{
	font-size: 9px;
}

#my-name>span{
	font-size: 30px;
}

.gimmick-line-right, .gimmick-line-right-bottom{
	right: 10px;
	width: 8px;
}

#nav-bar{
	height: 100px;
}

.gimmick-nav{
	display: none;
}

#nav-item-holder{
	width: 100%;
}

.nav-item{
	width: 49%;
	margin-right: 1%;
	height: 49%;
	margin-bottom: 1%;
	background: #3ab4a2;
}

.header-part.top{
	height: 300px;
}

#my-desc{
	top: 70%;
}

.header-part.bottom{
	height: 200px;
}

.imgSlider.link>.holder>.link-button button{
  border:none;
  background: #23a898;
  color: white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  padding: 5px;
  cursor: pointer;
  font-size: 8px;
}

.row.contact>.wrapper>.title>.title-text>h1,.row.contact .underline-cont{
	width: 100%;
}

.row.contact{
	height: 450px;
}

.row.contact>.wrapper>.left, .row.contact>.wrapper>.right{
	width: 100%;
	float: none;
}

.row.contact .logo{
	left: 0;
	margin: auto;
}

.row.contact>.wrapper>.left{
	height: 150px;
}

#list-present-wrapper{
	display: none;
}

#present, #list-present-wrapper{
	width: 100%;
}

#present>.arrow{
	font-size: 25px;
}

#present>.arrow.left{
	left: 15px;
}

#present>.arrow.right{
	right: 15px;
}

#present>#image-view>#highlight-slide.show{
	height: 60%;
}


@media screen and (max-width:350px){
	.welcome-text>span, .welcome-text>h1{
		font-size:35px;
	}
	
	.logo{
		width:180px;
		height:180px;
	}
	.logo>p{
		font-size:45px;
	}
	
	.footer .name p{
		font-size:21px;
	}

	.footer .email a{
		font-size:17px;
	}
}