/* ----------------------------------- DESKTOP ----------------------------------- */
@media screen and (min-width: 1024px) {
	html,body{
		width: 100%;
	}

	h1{
		margin-top: 2vw;
	}

	#header{
		/*padding: 1vw 15vw;*/
		width: 100%;
    	/*font-size: 1vw;*/
    	/*border: 1px solid red;*/
	}

	#headerLinks{
		width: 75vw;
		margin: 0.25vw auto;
		padding: 0 0.25vw;
		/*border: 1px solid red;*/
		font-weight: bolder;
	}

	#headerBurger{
		display: none;
	}

	.skills-header{
		display: none;
	}

	#header-bottom{
		min-height: 8vw;
		background-size: 22vw;
		/*border: 1px solid yellow;*/
	}

	#headerTextLinks{
		display: block;
		padding-top: 1vw;		
	}

	#headerTextLinks a{
		margin-left: 3vw;
	}


	#titleImg{
		width: 10vw;
	}

	.btn{
		margin: 1vw 0;
		padding: 0.5vw;
		width: 15vw;
		float: right;
	}

	#landing{
		margin-top: 3vw;
		background-image: url("../img/background.jpg");

		/*background-color: #ececec;*/
		/*background-image: url("../img/background.jpg");
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-size: 100vw;*/
		/*padding-top: 15vw;*/
		padding: 1vw 20vw;
	}

	#landing h1{
		font-size: 11vw;
		margin-bottom: 0.5vw;
	}

	a.contact, a.resume{
		display: block;
		margin: 1vw auto;
		margin-top: 3vw;
		text-align: center;
		font-size: 1.5vw;
		line-height: 2vw;
		padding: 0.5vw 2vw;
		width: 10vw;
	}

	a.resume{
		margin-top: 1vw;
		font-size: 1.2vw;
	}

	.sociallinks{
		margin: 1vw auto;
		margin-bottom: 10vw;
		width: 35vw;
		text-align: center;
	}

	.sociallinks img{
		width: 3vw;
		padding-right: 0.5vw;
		opacity: 0.5;
		transition: 0.5s;
	}

	.sociallinks img:hover{
		opacity: 1;
		transition: 0.5s;
	}

	#typewriter{
		font-size: 1.25vw;
	}

	/*#typewriter{
  		font-size: 2vw;
		margin-top: 5vw;
		background-image: url('../img/speech.svg');
	    background-repeat: no-repeat;
	    background-size: 100vw;
	    width: 40vw;
	    height: 30vw;
	    padding: 5vw 10vw;
	    /*border: 1px solid red;
	}*/

	#about{
		width: 70vw;
		margin: auto;
		margin-top: -12.5vw;
		margin-bottom: 5vw;
	}

	#aboutProfileImg{
		width: 15vw;
		/*width: 100%;*/
		/*display: inline-block;*/
		margin: auto;
		/*margin-top: 1vw;*/
		/*transition: 0.8s ease-in;*/
		border-radius: 50vw;
	}

	/*#aboutProfileImg:hover{
		width: 100%; 
	}
*/
	.about-div{
		/*width: 33.3%;*/
		/*width: 35vw;*/
		float: left;
	}

	.aboutdev{		
		width: 35vw;
		
	}

	.aboutskills{
		width: 25vw;
		margin-left: 5vw;
	}

	.about-skill{
		margin-top: 1vw;
		/*transition: 0.2s ease-in;
		cursor: pointer;*/
	}

	/*.about-skill:hover{
		border: 2px solid #ACD1C8;				
	}
	.about-skill:hover > .prog-bar{
		background-color: #ACD1C8;				
	}*/

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

	.about-skill span.label{
		font-size: 1.2vw;
		line-height: 1.75vw;
	}

	#about-desc{
		/*width: 0vw;*/
		width: 58vw;
		margin: 1vw auto;
		font-size: 1vw;
		/*display: none;*/
		transition: 0.3s ease-in;
		background-color: #ACD1C8;
	}

	.show-about-desc{
		width: 58vw;
		margin: 1vw auto;
		padding: 1vw;
		/*display: block;*/
		transition: 0.3s ease-in;		
	}

	.abt-desc-detail{
		margin: 0 auto;
		/*border: 2px solid #666665;*/
		border-left: none;
		border-right: none;
		text-align: center;
	}

	.abt-dsc-p{
		width: 40vw;
		margin: 0 auto;
		text-indent: 2vw;
	}

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



	

	#work{
		width: 70vw;
		margin: auto;
		padding-bottom: 2vw
	}

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

	}

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

	div.work-div img{
		width: 17vw;
		height: 17vw;
		transition: 0.5s;
	}

	#work:hover > div.work-div {
	 	opacity: 0.7;
		transition: 0.5s;
	}

	#work:hover > div.work-div:hover{
	 	opacity: 1.0;
		transition: 0.5s;
	}


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

	#contact p{
		width: 35vw;
	}

	.contactform table{
		width: 35vw;
	}


	.contactform table input{
		width: 35vw;
		height: 2vw;
	}

	.contactform table textarea{
		width: 35vw;
	}

	#submit, .redirect{
		margin-top: 1vw;
		font-size: 1.5vw;
		line-height: 2vw;
		width: 10vw;
		height: 3vw;
	}

	.sub-header{
		margin-bottom: 0.5vw;
	}

	.right{
		float: right;
	}

	.left{
		float: left;
	}

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

	.wrkline{
		width: 13vw;
	}

	.socline{
		width: 18vw;
	}
	

	#err404{
		margin: 0 auto;
		margin-top: 4vw;
		text-align: center;
		background-image: url("../img/background.jpg");
		padding-top: 2vw;
		padding-bottom: 10vw;
	}

	#err404 h1{
		font-size: 5vw;
		margin-bottom: 1vw;
	}

	#err404 h2, #err404 a{
		font-size: 3vw;
	}
}