/* ----------------------------------- MOBILE ----------------------------------- */
@media screen and (max-width: 1023px) {
	html,body{
		width: 100%;
		font-size: 4vw;
	}

	h1{font-size: 8vw;}
	h2{font-size: 6vw;}
	h3{font-size: 4.5vw;}
	h4{font-size: 3vw;}
	h5{font-size: 2vw;}

	

	h1,h2{ text-align: center;}

	.center:not(ol),.center:not(ul){margin: 0 auto;text-align: center;}

	ol{
		padding: 0 8vw;
	}

	#headerBurger{
		display: block;
	}

	.skills-header{
		display: block;
	}

	#header{
		padding: 2vw;
		width: 96vw;
    	font-size: 4.8vw;
    	left: 0;
    	right: 0;
	}

	#headerTextLinks{
		display: none;		
	}

	#header-bottom{
		margin-top: 6vw;
		min-height: 20vw;
		background-size: 35vw;
	}

	#titleImg{
		width: 30vw;
		display: inline-block;
	}

	#content{
		width: 100vw;
	}

	#contentHeader{
		margin-top: 15vw;
	}

	.burger-container{
    	padding: 0 2vw;
	}

	.sidenav{
		margin-top: 1vw;
	}

	.sidenav a {
		padding: 2vw;
		font-size: 6vw;
	}

/*
	#landing{
		margin-top: 15vw;
		background-color: #ececec;
		padding-top: 25vw;
	}*/
/*
	#typewriter{
		background-image: url('../img/speech-mobile.svg');
	    background-repeat: no-repeat;
	    background-size: 150vw;
	    font-size: 5vw;
	    width: 70vw;
	    height: 120vw;
	    padding: 5vw 10vw 1vw 12vw;
	    /*border: 1px solid red;
	}*/

	#landing{
		/*margin: auto;*/
		/*background-color: #ececec;*/
		background-image: url("../img/bgmob.jpg");

		/*padding-top: 15vw;*/
		/*padding: 1vw 20vw;*/
	}

	#landing h1{
		font-size: 25vw;
		margin: 0 auto;
		margin-bottom: 5vw;
		width: 80vw;
		line-height: 22vw;
		padding-top: 35vw;
	}

	#typewriter{
		font-size: 5vw;
	}

	a.contact, a.resume{
		display: block;
		margin: 0 auto;
		margin-top:10vw;
		text-align: center;
		font-size: 5vw;
		line-height: 5.5vw;
		padding: 2vw;
		margin-bottom: 5vw;
		width: 25vw;
	}

	a.resume{
		margin-top: 2vw;
		font-size: 4vw;
	}

	.sociallinks{
		margin: 0 auto;
		width: 80vw;
		text-align: center;
		padding-top: 5vw;
		padding-bottom: 20vw;
	}

	.sociallinks img{
		width: 10vw;
		padding-right: 2vw;
		opacity: 0.5;
	}

	#about{
		width: 90vw;
		margin: auto;
		margin-top: -10vw;
		/*padding-top: 2vw;*/
	}

	#aboutProfileImg{
		width: 30vw;
		border-radius: 30vw;
		margin-top: 2vw;
	}


	div.abt-desc-detail span.name{
		font-size: 4.5vw;
	}

	.aboutskills{
		margin: 8vw 5vw;
	}

	.about-skill{
		margin-top: 4vw;
	}

	.about-skill, .prog-bar{
		width: 80vw;
		/*border-radius: 50px;*/
		color: black;
		/*text-align: center;*/
		overflow: hidden;
		transition: background-color 0.2s ease-in;
	}

	.prog-bar{		
		padding: 1vw 0;
	}

	.about-skill span.label{
		font-size: 5vw;
		line-height: 6.5vw;
	}

	#work{
		padding-bottom: 3vw;
	}

	.work-container{
		margin-top: -10vw;		
		background-color: #ececec;

	}

	div.work-div{
		width: 45vw;
		float: left;
		margin-top: 2.5vw;
		margin-left: 2.5vw;
		transition: 0.5s;
	}

	div.work-div img{
		width: 45vw;
		height: 45vw;
		float:left;
	}


	#contact{
		padding: 2vw;
		width: 80vw;
		/*background-color: #EFEFEF;*/
		/*background-color: #F8F8F8;*/
		/*background-color: #C7D9CB;*/
		border-radius: 2vw;
		margin: auto;
		margin-top: -10vw;
		margin-bottom: 5vw;
	}

	#contact h4, #contact p{
		width: 70vw;
	}

	.contactform table{
		width: 70vw;
	}

	.contactform table input{
		width: 70vw;
		height: 8vw;
	}

	.contactform table textarea{
		width: 70vw;
		height: 70vw;
	}

	#submit, .redirect{
		margin-top: 1vw;
		font-size: 5vw;
		line-height: 5vw;
		width: 20vw;
		height: 8vw;
	}

	.line{
		width: 30vw;
		height: 2vw;
		text-align: center;
		margin: 0 auto;	
		margin-bottom: 1vw;
		background-color: #D2890E;
	}

	.wrkline{
		width: 50vw;
	}

	.socline{
		width: 70vw;
	}	

	#err404{
		margin: 0 auto;
		margin-top: 15vw;
		padding: 5vw 10vw;
		/*width: 80vw;*/
		background-image: url("../img/bgmob.jpg");		
		height: 100%;
		padding-bottom: 45vw;
	}

	#err404 h1{
		font-size: 12vw;
	}

	#err404 h2, #err404 a{
		text-align: left;
		font-size: 10vw;
	}

}