/*
Theme Name: Mats MakeUp
Author: Rebecca Folloni
Version: 1.0
*/

/* *–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
  * Font
*/
@font-face { font-family: Montserrat-R; src: url("font/Montserrat-Regular.otf"); }
@font-face { font-family: Montserrat-M; src: url("font/Montserrat-Medium.otf"); }
@font-face { font-family: Montserrat-B; src: url("font/Montserrat-Bold.otf"); }
@font-face { font-family: BebasNeue; src: url("font/BebasNeue-Bold.ttf"); }
body { font-family: Montserrat-R; }
#nav .nav-items { font-family: BebasNeue; font-size: 2.9rem; letter-spacing: 3px; line-height: 5rem; }
footer { font-family: Montserrat-M; font-size: 0.7rem; color: #999999; }
#about-description p, #kit p, .contacts h4 { font-family: Montserrat-R; font-size: 1rem; font-weight: 400; }
#about-description .about-title, .proj h1, #kit .text h1, .proj-description h1 { font-family: BebasNeue; font-size: 3rem; letter-spacing: 3px; }
.go-to, .proj .card-title, .proj .card-text { font-family: Montserrat-M; font-size: 1rem; }
#kit .contacts h3, #newsletter h2 { font-family: Montserrat-M; font-size: 1.65rem; letter-spacing: 3px; font-weight: 400; }
.proj-description h4 { font-family: Montserrat-M; font-size: 1rem; font-weight: 400; line-height: 1.2rem; }

/* *–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
  * Var color
*/
:root { --mats-yellow: #ffe376; --mats-purple: #a88092; }

/* *–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
  * Global + reset
*/
* { box-sizing: border-box; margin: 0; padding: 0; }
body, html { height: 100%; width: 100%; }
ul, li { list-style-type: none; }
a { color: inherit !important; }
a, a:hover { text-decoration: none !important; color: inherit; outline: none; }
::-webkit-scrollbar {	/* Remove scrollbar space */ width: 0px; }
input { -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; }

/* *–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
* Utilities
*/
.wrapper {	/* max-width: 1280px; */
margin: auto; padding: 2rem; }
.grid-container { display: grid; grid-template-columns: repeat(2, 1fr); align-items: center; }
.go-to { margin-right: 1.1rem; text-transform: uppercase; }
.go-to a { color: var(--mats-purple) !important; }
.go-to span { font-size: 1.25rem; padding: 0.3rem; }

/* *–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
* Slideshow
*/
.slideshow { position: relative; box-sizing: border-box; height: 100%; text-align: center; z-index: 4200; }
.slideshow-gif { width: 100%; height: 100%; object-fit: cover; }
.slideshow-btn { font-size: 1.2rem; font-family: Montserrat-R; text-transform: uppercase; border: none; outline: none; background-color: var(--mats-yellow); position: absolute; right: 0; bottom: 0; transform: translate(-50px, -50px); -webkit-transform: translate(-50px, -50px); width: 100%; height: 100%; max-width: 127px; max-height: 49px; cursor: pointer; }
.slideshow-btn:hover { background-color: #ffeca0; }
.slideshow-btn span { font-size: 1.5rem; margin-left: 10px; }
.slideshow-logo { display: flex; align-content: center; justify-content: center; position: absolute; z-index: 10; height: 100%; width: 100%; background: #ffffff; opacity: 1; transition: opacity 1s ease-in; -webkit-transition: opacity 1s ease-in; -moz-transition: opacity 1s ease-in; -ms-transition: opacity 1s ease-in; -o-transition: opacity 1s ease-in; }
.slideshow-logo img { width: 40%; }
.slideshow-logo_fade { opacity: 0; }

/* *–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
* Content
*/
#content { display: flex; flex-direction: column; align-items: center; height: 100%; }

/* *–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
* Header
*/
#header { width: 100%; z-index: 3; }
#header.wrapper { margin: 0 auto; }
#header .burger { display: flex; flex-direction: column; justify-self: flex-end; cursor: pointer; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; }
#header .burger-line { width: 35px; height: 3px; background: #999999; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; }
#header .burger-line:nth-child(2) { margin: 5px 0; }
#header .burger.open .burger-line:nth-child(1), #header .burger.open .burger-line:nth-child(3) { opacity: 0; transition: opacity 0.6s ease; -webkit-transition: opacity 0.6s ease; -moz-transition: opacity 0.6s ease; -o-transition: opacity 0.6s ease; -ms-transition: opacity 0.6s ease; }
#header .burger.open .burger-line:nth-child(2) { margin: 0; opacity: 0; transition: all 1.5s ease; -webkit-transition: all 1.5s ease; -moz-transition: all 1.5s ease; -o-transition: all 1.5s ease; -ms-transition: all 1.5s ease; }
#header .logo { width: 100%; max-width: 8.5rem; height: auto; transition: all 0.3s ease; }
#header .fixed { background-color: #ffffff; position: fixed; top: 0; left: 50%; transform: translateX(-50%); width: 100vw; transition: all 0.3s ease; z-index: -100; }

/* *–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
* Navigation
*/
#nav { width: 100%; height: 100%; background-color: #fff; position: fixed; top: 0; left: 0; z-index: 42; }
#nav .nav-items { text-transform: uppercase; padding: 0 0rem 0 7rem; }
#nav li { position: relative; }
.strikethrough-y, .strikethrough-p { position: relative; transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); -webkit-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); -moz-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); -o-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); -ms-transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1); }
.strikethrough-y:hover { color: var(--mats-yellow) !important; }
.strikethrough-p:hover { color: var(--mats-purple) !important; }
.strikethrough-y:hover:after, .strikethrough-p:hover:after { content: ""; position: absolute; display: block; width: 100%; height: 4px; margin: -2.9rem 0; transform-origin: center left; animation: strikethrough 0.3s cubic-bezier(0.55, 0, 0.1, 1) 1; -webkit-animation: strikethrough 0.3s cubic-bezier(0.55, 0, 0.1, 1) 1; -moz-animation: strikethrough 0.3s cubic-bezier(0.55, 0, 0.1, 1) 1; }
.strikethrough-y:hover:after { background: var(--mats-yellow); }
.strikethrough-p:hover:after { background: var(--mats-purple); }
#nav img { width: 100%; height: 100%; border-style: none; object-fit: cover; object-position: 0 0; opacity: 0; }
#nav .show { opacity: 1; transition: opacity 1s ease; -webkit-transition: opacity 1s ease; -moz-transition: opacity 1s ease; -o-transition: opacity 1s ease; -ms-transition: opacity 1s ease; animation: strikethrough 0.3s cubic-bezier(0.55, 0, 0.1, 1) 1; -webkit-animation: strikethrough 0.3s cubic-bezier(0.55, 0, 0.1, 1) 1; -moz-animation: strikethrough 0.3s cubic-bezier(0.55, 0, 0.1, 1) 1; }
#nav.close { transform: translateX(-120%); transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; }
#nav.open { transform: translateX(0); transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition-delay: 0.5s; -webkit-transition-delay: 0.5s; -moz-transition-delay: 0.5s; -o-transition-delay: 0.5s; cursor: url("images/cursor.png"), auto; }
.nav-footer { position: absolute; bottom: 0; left: 0; display: inline-block; }

/* *–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
* Home section
*/
#home-content { width: 50%; height: auto; padding: 0 2rem; }
#home-content .grid-container { grid-template-columns: 1fr 1fr 0.5fr; }
#home-content .vertical-lines { display: flex; transform: rotate(180deg); padding-left: 1rem; z-index: -1; }
#home-content .line { width: 4px; background: var(--mats-purple); }
#home-content .line:first-child { height: 100%; }
#home-content .line:last-child { height: 40%; margin-left: 1rem; }
.image-responsive { display: block; max-width: 100%; height: 100%; }
#home-content .back-img { display: flex; }
#home-content .front-img { width: 100%; height: auto; }
#home-content .back-img:nth-child(1) { grid-column: 1 / span 2; grid-row: 1 / span 2; }
#home-content .front-img { grid-column: 2 / span 2; grid-row: 2 / span 2; }
.menu-open { transform: translateX(180%); transition: all 0.5s ease; -webkit-transition: all 1s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; }
.menu-close { transform: translateX(0); transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; }

/* *–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
* Footer
*/
footer.wrapper { display: flex; width: 100%; padding: 0 2rem 1rem 2rem; margin: 0 auto;  /* z-index: 42; */ }
footer .social { display: flex; padding: 0 1rem; }
.social a { text-transform: uppercase; }
footer .social a { padding: 0 1rem; }

/* *–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
* Keyframes
*/
@keyframes strikethrough {
	from { transform: scaleX(0); }
	to { transform: scaleX(1); }
}

/* *–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
* About content
*/
#about-content { display: grid; grid-template-rows: 11rem 1fr; margin: 0 auto auto; }
#about-description { grid-row: 2; max-width: 60%; margin: auto 0; }
#about-description .about-title {	/* margin-top: 11rem; */
margin-bottom: 2rem; }
#about-description p { text-align: justify; }
#about-content img { max-width: 30%; height: auto; position: fixed; right: 0; bottom: 0; }

/* *–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
* Editorial + Commercial content
*/
.proj { padding: 2rem 1rem 2rem; margin-top: 3rem; }
.proj h1 { text-align: center; text-transform: uppercase; }
.proj .go-to { text-align: right; }
.proj .card { padding: 1rem; border: none; }
.proj .card-img-top { border-radius: 0; max-height: 460px; object-fit: cover; object-position: 0 0; }
.proj .card-body { padding: 1rem 0 0; }
.proj .card-title { text-transform: uppercase; }
.proj .grid-container { grid-template-columns: repeat(3, 1fr); /*margin-bottom: 2rem;*/ }
#editorial-content h1 { color: var(--mats-yellow); }
#commercial-content h1 { color: var(--mats-purple); }
.proj .img-primary { opacity: 1; transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; }
.proj .img-hover { position: absolute; top: 0; left: 0; padding: 1rem; opacity: 0; transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; }

/*#editorial-content {display: flex; justify-content: initial; margin: 2rem auto auto; }*/

/* *–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
* Contact content
*/
#kit { width: 100%; display: grid; grid-template-columns: repeat(3, 1fr); align-items: center; }
#kit .text { margin-bottom: 7rem; }
#kit .text h1, #kit .contacts h3 { margin-bottom: 1rem; text-transform: uppercase; }
#kit .text p { display: flex; max-width: 65%; }
#kit .text span { margin-right: 0.5rem; }
#kit .contacts { padding: 3rem; margin-bottom: 7em; }
.contacts p { display: flex; flex-direction: column; margin: 0rem 0 2.5rem; }
.contacts .dash { margin-left: 0.5rem; }
.contacts h4 { margin-bottom: 2rem; }
.contacts p span { padding: 0.2rem 0; }
#kit .social { margin-top: 1rem; }
#kit .social a { margin-right: 1rem; color: var(--mats-purple) !important; }
#newsletter { padding: 2rem 0 2rem 2rem; margin-bottom: 13rem; }
#newsletter h2 { text-transform: uppercase; }
#newsletter .newsletter-input { display: flex; flex-direction: column; }
#newsletter input { padding: 0.5rem 0; margin: 0.5rem 0; border: none; outline: none; }
#newsletter .newsletter-input input { border-bottom: 0.5px solid #999999; background-color: #fff; letter-spacing: 1px; }
#newsletter .newsletter-btn { font-size: 0.9rem; font-family: Montserrat-M; text-transform: uppercase; background-color: var(--mats-yellow); width: 100%; height: 100%; max-width: 8rem; cursor: pointer; margin: 1rem 0; }
#newsletter .newsletter-btn:hover { background-color: #ffeca0; }

/* *–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
* Project content
*/
#proj-content { display: flex; align-items: center; height: 100%; margin-left: -2rem; }
#proj-content .e-proj-img { width: 43%; }
#proj-content .c-proj-img { width: 50%; }
#proj-content img { max-width: 578px; margin-right: 7rem; object-fit: cover; object-position: 0 0; }
.proj-description { width: 100%; padding: 2rem; margin: auto; }
.proj-description h1 { margin-bottom: 1rem; }
.c-proj-title { color: var(--mats-purple); }
.e-proj-title { color: var(--mats-yellow); }
.proj-description h4 { text-transform: uppercase; margin-top: 2rem; }
.proj-description .go-to { margin-top: 3rem; }
.clearxy { clear: both; }

/* *–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
* Pagination of post type
*/
.paginationdiv { float: left; width: 100%; text-align: center; }
.paginationdiv nav { text-align: center; }
.custom-pagination .current { color: #ff0101; }
.custom-pagination .page-numbers { font-size: 20px; }

/* *–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
* Mailchimp CSS
*/
.mc4wp-success p { color: green; }

/* * --------------------------------------------------------------------------
*
*/
.misha_loadmore { background-color: #ddd; border-radius: 2px; display: block; text-align: center; font-size: 14px; font-size: 0.875rem; font-weight: 800; letter-spacing: 1px; cursor: pointer; text-transform: uppercase; padding: 10px 0; transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out; }
.misha_loadmore:hover { background-color: #767676; color: #fff; }
footer.wrapper p { margin-top: 0; margin-bottom: 1rem; }

/* *–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––
* Media queries
*/
@media only screen and (min-width:1440px) and (max-height:760px) {
	#home-content { width: 40%; }
	#about-content img { max-width: 26%; }
}
@media only screen and (max-width:1280px) {
	#about-content img { max-width: 34%; }
}
@media only screen and (max-width:1280px) and (min-height:1024px) {
	#about-content img { max-width: 45%; }
	#about-description { max-width: 45%; margin-top: 5rem; }
}
@media only screen and (max-width:1024px) {
	#home-content { width: 75%; }
	#nav.mobile { display: flex; position: absolute; }
	#nav .nav-items.mobile { text-align: center; width: 100%; padding: 3rem; }
	#about-description p { font-size: 0.75rem; }
	#about-content img { max-width: 42%; }
	#about-description { max-width: 48%; }
	#proj-content img { width: 45%; height: auto; margin-right: 4rem; }
	#kit { width: 100%; display: initial; }
	#kit .text p { display: initial; }
	#kit .text { margin: initial; text-align: center; padding: 2rem; }
	#kit .contacts { display: flex; justify-content: space-between; padding: 0rem; margin-bottom: 0; }
	.contacts p { margin: 0; }
	#newsletter { padding: 2rem; margin: 0; text-align: center; }
	.newsletter-input { width: 55%; margin: auto; }
	.newsletter-input input { text-align: center; }
	#kit .text h1, .proj-description h1 { font-size: 2.5rem; letter-spacing: 2px; }
	#kit .contacts h3, #newsletter h2 { font-size: 1.4rem; }
	#kit .text span { margin-right: 0.2rem; }
	.contacts .dash { margin-left: 0.3rem; }
	#proj-content { padding: 0 2rem 2rem; }
}
@media only screen and (min-height:1000px) {
	#proj-content .e-proj-img { width: 100%; }
}
@media only screen and (max-width:915px) {
	.proj .card-title, .proj .card-text { font-size: 0.8rem; }
}
@media only screen and (max-width:768px) {

	/* !slideshow */
	.slideshow-btn { right: 50%; transform: translate(50%, -30px); }
	#home-content { width: 90%; }
	#nav img { display: none; }
	#nav { display: flex; text-align: center; }
	#nav .nav-items { padding: 0; }
	#about-content { display: flex; flex-direction: column-reverse; justify-content: initial; align-content: initial; margin: 2rem auto auto; }
	#about-content img { position: initial; max-height: 322px; max-width: 60%; object-fit: cover; object-position: 0 20%; margin-left: auto; margin-top: 3rem; }
	#about-description { max-width: 90%; margin: 0 auto; }
	#about-description .about-title { margin: 1rem auto; }
	.proj .grid-container { grid-template-columns: repeat(2, 1fr); }
	.proj-description { padding: 0; }
	#proj-content img { width: 55%; margin-right: 3rem; }
	.proj-description h1 { margin: 0; }
	.proj-description h4 { margin-top: 1.5rem; }
	.proj-description h1 { font-size: 2rem; }
	.proj-description h4, .proj-description p { font-size: 0.8rem; line-height: 1rem; }
	.proj-description .go-to { font-size: 0.7rem; margin-top: 2rem; }
	/*.page-template-template-editorial footer.wrapper { padding: 0 2rem 2rem 1rem }*/
}
@media only screen and (max-width:515px) {
	.slideshow-btn { font-size: 0.8rem; max-width: 80px; max-height: 30px; }
	.slideshow-btn span { font-size: 0.9rem; margin-left: 5px; }
	#header .fixed { padding: 1rem; }
	#header .logo { max-width: 6rem; }
	#header .burger-line { height: 2px; }
	#header .burger-line:nth-child(2) { margin: 4px 0; }
	#home-content .vertical-lines { padding-left: 0.5rem; }
	#home-content .line:last-child { height: 50%; margin-left: 0.5rem; }
	#home-content .line { width: 3px; }
	#nav .nav-items { line-height: 4rem; }
	.strikethrough-y:hover:after, .strikethrough-p:hover:after { margin: -2.3rem 0; }
	#nav .nav-items, #about-description .about-title, .proj h1, .proj-description h1 { font-size: 2rem; letter-spacing: 2px; }
	#about-description { max-width: 100%; padding: 1.2rem 1rem; }
	#about-content img {
    max-height: 332px;
    max-width: 72%;
  }
	#about-description p { font-size: 0.65rem; }
	.proj { padding: 1rem 0.5rem 2rem; }
	.go-to { font-size: 0.7rem; }
	.go-to span { font-size: 0.85rem; }
	.proj .go-to { text-align: center; margin: 1rem auto; }
	.proj .card-title, .proj .card-text { font-size: 0.6rem; }
	.card-title { margin-bottom: 0.3rem; }
	.proj .card { padding: 0.5rem 0.5rem 3rem; }
	.proj .img-hover { padding: 0.5rem; }
	#proj-content { display: flex; flex-direction: column; align-items: center; padding: 0; margin: 2rem auto auto; height: auto; }
	#proj-content .e-proj-img { width: 80%; height: auto; margin-right: 6.4rem; }
	#proj-content .c-proj-img { width: 93%; height: auto; margin-right: 2.2rem; }
	.proj-description { margin: 2.5rem auto auto; text-align: center; }
	.proj-description .go-to { margin-right: 0; }
	#kit.wrapper { padding: 0; }
	#kit .text p { display: flex; max-width: 100%; text-align: left; padding-top: 0.5rem; }
	#kit .text { width: 55%; margin: 2rem auto auto; }
	#kit .text h1 { font-size: 2rem; letter-spacing: 1px; margin: 0; }
	#kit .contacts { padding: 0 1rem 1rem; }
	#kit p, .contacts h4 { font-family: Montserrat-R; font-size: 0.7rem; font-weight: 400; }
	.contacts h4 { margin-bottom: 1rem; }
	#kit .contacts h3, #newsletter h2 { font-size: 1rem; }
	#kit .social { display: flex; flex-direction: column; text-align: right; margin: 0; }
	#kit .social a { margin: 0 0 0.7rem; font-size: 0.7rem; }
	#newsletter { padding: 1rem; }
	#newsletter input { margin: 0; }
	footer.wrapper { justify-content: space-between; padding: 1rem; }
	footer .social { padding: 0; }
	footer .social a { padding: 0 .5rem; }
}
@media only screen and (max-width:470px) {
	#header { padding: 2rem 2rem 1rem; }
	#home-content { width: 100%; }
	#home-content .vertical-lines { padding-left: 0.5rem; }
	#home-content .line:last-child { height: 50%; margin-left: 0.5rem; }
	#home-content .line { width: 3px; }
	#proj-content img { margin-top: 1rem; }
	#proj-content .e-proj-img { margin-right: 5.85rem; }
	#proj-content .c-proj-img { margin-right: 2rem; }
	.proj-description { margin: 2.5rem auto auto; text-align: center; }
	.proj-description .go-to { margin-right: 0; }
	#copy p span { display: none; }
	.newsletter-input { width: 85%; }
	#newsletter .newsletter-btn { font-size: 0.7rem; max-width: 6rem; }
}
@media only screen and (max-width:425px) and (min-height:680px) {
	#header { padding: 1rem; }
	#kit .contacts { padding: 1rem; }
	#newsletter { padding: 2rem 1rem 1rem; }
}
@media only screen and (max-width:375px) {
	#header, #about-description { padding: 1rem; }
	footer.wrapper { padding: 1rem 1rem 1.5rem; }
	.proj .card-title, .proj .card-text { font-size: 0.5rem }
	#kit .text { width: 65%; padding: 2rem 2rem 2rem; }
}
@media only screen and (max-width:320px) {
	#about-content img { max-height: 250px; max-width: 60%; }
	.proj .card-title, .proj .card-text { font-size: 7px; }
	#kit .text { width: 75%; }
	#kit .contacts { padding: 0 1rem 1rem; }
	#proj-content img { width: 70%; margin-right: 6.35rem; }
}

/* iPhone X */
@media only screen and (max-width:375px) and (min-height:812px) {
	#proj-content .e-proj-img { margin-top: 0; width: 75%; margin-right: 5.8rem; }
	#proj-content .c-proj-img { width: 92%; margin-right: 1.85rem; }
}

/* iPad */
@media only screen and (max-width:768px) and (min-height:1024px) {
	#header { padding: 1rem 2rem; }
	#home-content { width: 100%; }
	#about-content img { position: initial; width: 55%; max-height: initial; }
	#about-description.wrapper { padding: 2rem 0; }
	.proj { margin-top: 5rem; }
	#kit .text { margin: 0; }
	#kit .contacts { margin: 3rem 0; }
}

/* iPad Pro */
@media only screen and (max-width:1024px) and (min-height:1366px) {
	#home-content { width: 95%; }
	#nav img { display: none; }
	#about-content { display: flex; flex-direction: column-reverse; justify-content: initial; align-content: initial; margin: 2rem auto auto; }
	#about-content img { position: initial; max-width: 60%;		/*max-height: 700px;*/ object-fit: cover; object-position: 0 20%; margin-left: auto; }
	#about-description { max-width: 100%; margin: 0 auto; padding: 2rem; }
	#about-description .about-title { margin: 1rem auto; }
	#proj-content img { width: 60%; }
	#kit { height: 100%; padding-top: 10rem; }
	#kit .text { margin: 7rem auto 7rem auto; padding: 2rem; }
	#kit .contacts { margin: 0 auto 7rem auto; }
}
@media only screen and (max-width:812px) {
	#proj-content { height: 100%; /*flex-wrap: nowrap; align-items: stretch*/ }
}
@media only screen and (min-width:1024px) {
	#newsletter form { width: 70%; }
}