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

	main{
		display: grid;
		grid-template-columns: repeat(1, auto);
		grid-template-rows: repeat(3, auto);
		grid-auto-rows: auto;
		grid-row-gap: 35px;
		margin-left: 16px;
		margin-right: 16px;
		padding-top: 100px;
	}

	.intro{
		grid-column: 1/2;
		grid-row: 1/2;
		padding-top: 45px;
	}

	a:link.link-1{
		color: #a9a9a9;
		border-bottom: 1px solid #a9a9a9;
	}

	a:visited.link-1{
		color: #a9a9a9;
		border-bottom: 1px solid #a9a9a9;
	}

	a:hover.link-1{
		color: #a9a9a9;
		border-bottom: 1px solid #a9a9a9;
	}

	a:active.link-1{
		color: #a9a9a9;
		border-bottom: 1px solid #a9a9a9;
	}

	.info {
		padding-top: 15px;
	}

	.edu-2{
		padding-bottom: 15px;
	}

	.personal{
		grid-column:1/2;
		grid-row: 3/4;
		text-align: center;
	}

	.edu-2{
		padding-top: 15px;
	}

	.education{
		padding-top: 45px;
	}

	ul.skill-list{
		list-style: none;
		margin: 0;
		padding: 0;
	}

	ul.experience-list{
		display: none;
	}

	.experience{
		grid-column: 1/2;
		grid-row: 2/3;
		text-align: center;
	}

}

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

	main{
		display: grid;
		grid-template-columns: repeat(3, auto);
		grid-template-rows: repeat(2, auto);
		grid-auto-rows: auto;
		grid-row-gap: 55px;
		grid-column-gap: 50px;
		margin-left: 65px;
		margin-right: 65px;
	}

	.intro{
		grid-column: 1/4;
		grid-row: 1/2;
		padding-top: 140px;
	}

	.info {
		padding-bottom: 25px;
	}

	.edu-2{
		padding-bottom: 25px;
	}

	.personal{
		grid-column: 1/2;
		grid-row: 2/3;
	}
	
	.rectangle{
		background-color: #a9a9a9;
		border-radius: 10px;
	}
	
	.education{
		padding-top: 15px;
		padding-left: 35px;
		padding-right: 35px;
		padding-bottom: 35px;
	}
	
	.h2-edu{
		color: #f5f5f5;
		padding-bottom: 15px;
	}

	.h2-skills{
		color: #f5f5f5;
		padding-bottom: 15px;
	}

	.software-skills{
		padding-top: 35px;
		padding-left: 35px;
		padding-right: 35px;
	}

	.skill-list{
		padding-left: 40px;
	}
	
	.h2-experience{
		padding-bottom: 15px;
	}

	.experience{
		grid-column: 2/4;
		grid-row: 2/3;
		padding-top: 35px;
	}

	.experience-list{
		padding-left: 40px;
		padding-top: 10px;
	}

}

@media only screen and (min-width: 800px){

	main{
		display: grid;
		grid-template-columns: repeat(3, auto);
		grid-template-rows: repeat(2, auto);
		grid-auto-rows: auto;
		grid-row-gap: 55px;
		grid-column-gap: 50px;
		margin-left: 65px;
		margin-right: 65px;
	}

	.intro{
		grid-column: 1/4;
		grid-row: 1/2;
		padding-top: 130px;
	}

	.info {
		padding-bottom: 25px;
	}

	.edu-2{
		padding-bottom: 25px;
	}

	.personal{
		grid-column: 1/2;
		grid-row: 2/3;
	}
	
	.rectangle{
		background-color: #a9a9a9;
		border-radius: 10px;
	}
	
	.education{
		padding-top: 15px;
		padding-left: 35px;
		padding-right: 35px;
		padding-bottom: 35px;
	}
	
	.h2-edu{
		color: #f5f5f5;
		padding-bottom: 15px;
	}

	.h2-skills{
		color: #f5f5f5;
		padding-bottom: 15px;
	}

	.software-skills{
		padding-top: 35px;
		padding-left: 35px;
		padding-right: 35px;
	}

	.skill-list{
		padding-left: 40px;
	}
	
	.h2-experience{
		padding-bottom: 15px;
	}

	.experience{
		grid-column: 2/4;
		grid-row: 2/3;
		padding-top: 35px;
	}

	.experience-list{
		padding-left: 40px;
		padding-top: 10px;
	}

}

@media print{

	main{
		display: grid;
		grid-template-columns: repeat(3, auto);
		grid-template-rows: repeat(2, auto);
		grid-auto-rows: auto;
		grid-row-gap: 41.25pt;
		grid-column-gap: 37.5pt;
		margin-left: 48.75pt;
		margin-right: 48.75pt;
	}

	.intro{
		grid-column: 1/4;
		grid-row: 1/2;
		padding-top: 97.5pt;
	}

	.info {
		padding-bottom: 18.75pt;
	}

	.personal{
		grid-column: 1/2;
		grid-row: 2/3;
	}
	
	.rectangle{
		background-color: #a9a9a9;
		border-radius: 7.5pt;
	}
	
	.education{
		padding-top: 11.25pt;
		padding-left: 26.25pt;
		padding-right: 26.25pt;
		padding-bottom: 26.25pt;
	}
	
	.h2-edu{
		color: #f5f5f5;
		padding-bottom: 11.25pt;
	}

	.h2-skills{
		color: #f5f5f5;
		padding-bottom: 11.25pt;
	}

	.software-skills{
		padding-top: 26.25pt;
		padding-left: 26.25pt;
		padding-right: 26.25pt;
	}

	.skill-list{
		padding-left: 30pt;
	}
	
	.h2-experience{
		padding-bottom: 11.25pt;
	}

	.experience{
		grid-column: 2/4;
		grid-row: 2/3;
		padding-top: 26.25pt;
	}

	.experience-list{
		padding-left: 30pt;
		padding-top: 7.5pt;
	}

	h1 {
		font-size: 18pt;
		line-height: 22pt;
	}

	h2{
		font-size: 16pt;
		line-height: 20pt;
	}

	h3{
		font-size: 12pt;
		line-height: 16pt;
	}

	p{
		font-size: 10pt;
		line-height: 14pt;
	}

}