/*iPhone 6*/
@media only screen and (min-device-width: 375px)
and (max-device-width: 667px)
and (-webkit-min-device-pixel-ratio: 2) {

  .welcome_to, html {
    height: 1450px;
    text-align: center;
  }

  div.welcome_to {
    margin-top: 150px;
  }

  h2#hi, h2#kyle, h2#bid_welcome, h2#developer {
    font-size: 65px;
    margin-top: 100px;
    text-decoration: none;
  }

  h4.skills {
    font-size: 45px;
    line-height: 2em;
    position: absolute;
    left: 33.7%;
    margin-top: -100px;
  }

  img#scripts, #dogseekers, #themiddle {
    border-radius: 1%;
    border: none;
    height: 100%;
    width: 100%;
    margin-bottom: 10%;
  }

	.container {
		overflow: hidden;
	}

	div#about {
		padding-right: 20px;
  	padding-left: 20px;
    margin-bottom: 50px;
	}

	h1.name {
		margin-top: 10px;
		font-size: 60px;
	}

	h3 {
		font-size: 38px;
		line-height: 1.2em;
	}

	h4 {
		font-size: 35px;
		padding: 10px;
	}

	h4.projects {
   margin-bottom: -20px;
	 margin-top: 300px;
	 font-size: 45px;
	}

	img {
		max-width: 100%;
	}

	img#contact_back {
		border-radius: 0%;
		max-width: 100%;
		border: 2px solid black;
		margin-top: 600px;
		margin-bottom: 200px;
		margin-right: 135px;
		margin-left: 140px;
	}

	p {
		font-size: 35px;
		font-weight: 100;
		line-height: 1.2em;
    padding: 20px;
	}

	.email, .github, .linkedin, 
  .resume, #my_projects {
    padding-right: 25px;
    padding-left: 25px;
    line-height: 1.8em;
    font-size: 38px;
  }

  .show {
    margin-top: 15%;
    width: 375px;
  }
  
  h4.project-heading {
    font-size: 38px;
  }

	a.project, .the_code {
		font-size: 35px;
	}

  .wrapping:hover .hover-text {
    opacity: 0;
  }

  .projects-and-contact {
    margin-top: -75px;
  }
}