@media screen and (max-width: 1199px) {
	/*–––––––––––––––––––––––––––––––––
	Structure
	–––––––––––––––––––––––––––––––––*/

}

@media screen and (max-width: 991px) {
	/*–––––––––––––––––––––––––––––––––
		Structure
	–––––––––––––––––––––––––––––––––*/
  h2 {
    font-size: 65px;
  }

  #callback {
    margin-top: -150px;
  }

  #projects {
    margin-top: -195px;
    -webkit-clip-path: polygon(0 90%, 0 0, 100% 5%, 100% 100%);
  }

  #body > * {
    background-attachment: scroll;
  }

  /*–––––––––––––––––––––––––––––––––
		Start
	–––––––––––––––––––––––––––––––––*/
  #start h1 {
    font: 70px/95px ProximaNova-Bold;
    color: white;
  }

  /*–––––––––––––––––––––––––––––––––
		Work
	–––––––––––––––––––––––––––––––––*/
  #work + [src="images/i-wave.svg"] {
    margin-top: -100px;
  }
}

@media screen and (max-width: 767px) {
	/*–––––––––––––––––––––––––––––––––
		Structure
	–––––––––––––––––––––––––––––––––*/
  h2 {
    font-size: 50px;
  }

  form {
    flex-direction: column;
  }

  form input {
    margin-bottom: 20px;
  }

  #about {
    -webkit-clip-path: polygon(0 100%, 0 0, 100% 0, 100% 90%);
  }

  #about-more {
    -webkit-clip-path: polygon(0 100%, 0 0, 100% 3%, 100% 95%);
  }

  #callback {
    -webkit-clip-path: polygon(0 88%, 0 10%, 100% 0%, 100% 100%);
  }

  #projects {
    -webkit-clip-path: polygon(0 95%, 0 0, 100% 5%, 100% 100%);
  }

  #header .logo,
  #navigation .logo,
  #header button {
    position: relative !important;
    top: 0;
    left: 0;
    right: 0;
  }

  section.project .tabs {
    margin: 0;
  }
  /*–––––––––––––––––––––––––––––––––
		Start
	–––––––––––––––––––––––––––––––––*/
  #start {
    min-height: 500px;
  }

  #start h1 {
    font: 50px/75px ProximaNova-Bold;
  }

  /*–––––––––––––––––––––––––––––––––
		Whywe
	–––––––––––––––––––––––––––––––––*/
  #whywe article {
    margin-bottom: 80px;
  }

  /*–––––––––––––––––––––––––––––––––
		Projects
	–––––––––––––––––––––––––––––––––*/
  #projects article {
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
  }

  #projects article > div {
    width: 100%;
  }

  /*–––––––––––––––––––––––––––––––––
		Build
	–––––––––––––––––––––––––––––––––*/
  #build h3 {
    margin-bottom: 10px;
  }

  #build h2 {
    margin-top: 50px;
  }

  #build .row.pb-l {
    padding-bottom: 50px;
  }

  /*–––––––––––––––––––––––––––––––––
		Work
	–––––––––––––––––––––––––––––––––*/
  #earn ul > li {
    margin-bottom: 1em;
  }

  #earn h2 {
    margin-top: 80px;
  }

  /*–––––––––––––––––––––––––––––––––
		Footer
	–––––––––––––––––––––––––––––––––*/
  #header .logo.fixed {
    position: absolute;
  }

  #footer menu {
    padding: 80px 0;
  }

  #navigation menu {
    padding-bottom: 80px;
  }

  #callback {
    padding: 150px 0 250px;
    background: url(../images/bg-blue.jpg) repeat center;
  }

  #question {
    padding: 150px 0 200px;
    background: url(../images/bg-gray.jpg) repeat center;
  }

  #work + [src="images/i-wave.svg"] {
    margin-top: -250px;
  }

  #ready {
    padding: 80px 0 80px;
    background: url(../images/bg-purple.jpg) repeat center;
  }
}

@media screen and (max-width: 575px) {
	/*–––––––––––––––––––––––––––––––––
		Structure
	–––––––––––––––––––––––––––––––––*/
	#start h1,
  h2 {
    font-size: 30px;
    line-height: normal;
  }

  #about-more {
    -webkit-clip-path: polygon(0 100%, 0 0, 100% 3%, 100% 97%);
  }

  /*–––––––––––––––––––––––––––––––––
		Header
	–––––––––––––––––––––––––––––––––*/
  #header .logo, #navigation .logo {
    width: 80px;
    height: 80px;
  }

  #header .logo img, #navigation .logo img {
    width: 90%;
  }

  #body #header button {
    width: 35px;
    height: 35px;
    margin-top: 55px;
    margin-left: auto;
  }

  #callback h2 {
    line-height: normal;
  }

  #callback h2 small {
    font-size: 20px;
  }

  #build .row > div:last-child {
    margin-left: 15px;
  }

  h3.larger {
    font-size: 20px;
    line-height: normal;
  }

  h3.larger br {
    display: none;
  }
}