@media (max-height:850px) {
  .start-page .content .text {
    height: 470px
  }
  .start-page .content .text .logo img {
    width: 150px;
    height: auto
  }
  .start-page .content .text .logo {
    width: 150px;
    height: 150px;
    margin: 0 auto 15px
  }
  .start-page p {
    font-size: 13px;
    margin-top: 20px
  }
  .start-page .content .arrow-down {
    display: none
  }
  .start-page .content .text .read-more {
    margin: 30px auto
  }
}
@media (min-width:320px) and (max-width:579px) {
	.popup {
		left: 50%;
		margin-left: -170px;
		width: 300px;
		padding: 20px;
	}
  .menu {
    display: none
  }
  .menu-media {
    display: block
  }
  .start-page .content {
    width: 300px;
    height: 100%
  }
  .start-page .content .text {
    width: 300px;
    height: 470px
  }
  .start-page .content .text .logo img {
    width: 150px;
    height: auto
  }
  .start-page .content .text .logo {
    width: 150px;
    height: 150px;
    margin: 0 auto 15px
  }
  h1 {
    font-size: 36px;
    letter-spacing: 3px
  }
  .start-page p {
    font-size: 13px;
    margin-top: 20px
  }
  .about-us {
    margin-bottom: 70px
  }
  .about-us h1 {
    margin-top: 0;
    font-size: 28px
  }
  .about-us .content {
    width: 300px
  }
  .about-us hr, .portfolio .portfolio-margin hr, .contact hr {
    width: 106px;
    margin-top: 20px
  }
  .about-us .column-one, .about-us .column-two {
    width: 300px;
    margin-bottom: 20px
  }
  .about-us .content .column-three {
    width: 300px;
    margin-bottom: 70px
  }
  .portfolio .portfolio-margin {
    width: 300px
  }
  .partners .content {
    width: 300px
  }
  .partners .logo {
    width: 300px
  }
  .partners .logo img {
    width: 80px;
    padding-bottom: 20px
  }
  .contact, .contact .content, .contact .content .form {
    width: 300px
  }
  .contact .content .contact-text {
    padding-left: 0;
    width: 300px;
    text-align: center;
    margin-top: 60px
  }
  input {
    width: 320px
  }
  textarea {
    width: 320px
  }
  .contact .content .contact-text {
    width: 275px
  }
  .contact .content .form .column, .contact .content .form .column-3 {
    width: 320px
  }
  .contact .content .form .column-2 {
    width: 320px;
    padding-left: 0
  }
  .grid li {
    margin: 0 0 15px 0
  }
  .contact {
    margin: 0 auto
  }
  .footer {
    position: relative
  }
  .start-page .content .arrow-down {
    display: none
  }
  .start-page .content .text .read-more {
    margin: 30px auto
  }
  .start-page {
    height: 100%
  }
}
@media (min-width:580px) and (max-width:767px) {
.popup {
		left: 50%;
		margin-left: -270px;
		width: 500px;
		padding: 20px;
	}
	.menu {
    display: none
  }
  .menu-media {
    display: block
  }
  .menu-media .menu-content {
    width: 540px
  }
  .partners .logo img {
    padding-bottom: 20px
  }
  .start-page .content {
    width: 300px;
    height: 100%
  }
  .start-page, .start-page .opacity {
    height: calc(100%-70px)
  }
  .start-page .content .text {
    width: 300px;
    height: 490px
  }
  h1 {
    font-size: 36px
  }
  .about-us {
    margin-bottom: 70px
  }
  .about-us h1 {
    margin-top: 0;
    font-size: 28px
  }
  .about-us .content {
    width: 500px
  }
  .about-us hr, .portfolio .portfolio-margin hr, .contact hr {
    width: 106px
  }
  .about-us .column-one, .about-us .column-two {
    width: 300px;
    margin-bottom: 20px
  }
  .about-us .column-three {
    width: 300px;
    margin-bottom: 70px
  }
  .portfolio .portfolio-margin {
    width: 300px
  }
  .partners .content {
    width: 400px
  }
  .partners .logo {
    width: 400px
  }
  .partners .logo img {
    width: 80px;
    padding-bottom: 20px
  }
  .contact, .contact .content, .contact .content .form {
    width: 300px
  }
  .contact .content .contact-text {
    padding-left: 0;
    width: 300px;
    text-align: center;
    margin-top: 60px
  }
  .contact .content .contact-text {
    width: 275px
  }
  .contact .content .form .column, .contact .content .form .column-3 {
    width: 420px
  }
  .contact .content .form .column-2 {
    width: 420px;
    padding-left: 0
  }
  .contact {
    margin: 0 auto
  }
  .footer {
    position: relative
  }
  input {
    width: 420px
  }
  textarea {
    width: 420px
  }
  .start-page .content .text {
    width: 300px;
    height: 470px
  }
  .start-page .content .text .logo img {
    width: 180px;
    height: auto
  }
  .start-page .content .text .logo {
    width: 180px;
    height: 180px;
    margin: 0 auto 50px
  }
  h1 {
    font-size: 36px;
    letter-spacing: 5px
  }
  .start-page p {
    font-size: 14px;
    margin-top: 30px
  }
  .start-page .content .text .read-more {
    margin: 50px auto
  }
}
@media (min-width:768px) and (max-width:1023px) {
.popup {
		left: 50%;
		margin-left: -270px;
		width: 500px;
		padding: 20px;
	}
  .menu {
    display: none
  }
  .menu-media {
    display: block
  }
  .menu-media .menu-content {
    width: 700px
  }
  .menu-content .logo {
    width: 200px
  }
  .menu-content {
    width: 700px
  }
  .about-us {
    margin-bottom: 70px
  }
  .about-us .content {
    width: 700px
  }
  .about-us h1 {
    margin-top: 0
  }
  .about-us h2 {
    letter-spacing: 2px
  }
  .about-us .column-one {
    width: 233px
  }
  .about-us .column-two {
    width: 233px
  }
  .about-us .column-three {
    width: 233px
  }
  .portfolio .portfolio-margin {
    width: 600px
  }
  .partners .content {
    width: 700px
  }
  .partners .logo {
    width: 700px
  }
  .contact {
    margin: 0 auto
  }
  .contact .content {
    width: 700px
  }
  .footer {
    position: relative
  }
  .contact .content .form {
    width: 355px
  }
  input {
    width: 320px
  }
  textarea {
    width: 320px
  }
  .contact .content .contact-text {
    width: 275px
  }
  .contact .content .form .column, .contact .content .form .column-3 {
    width: 450px
  }
  .contact .content .form .column-2 {
    width: 450px;
    padding-left: 0
  }
}