@media screen and (min-width:720px) {
	.mobile-only {
		display:none !important;
	}
}

@media screen and (max-width:720px) {
	.desktop-only {
		display:none !important;
	}

	body.overflow-hidden {
		overflow:initial;
	}

	/* index */
		.index {
			width:100%;
			height:100vh;
			background:#ccc;
			position:relative;
			display:block;
			z-index:10;
		}

		.index:after {
			content:" ";
			display:block;
			position:absolute;
			width:100%;
			height:14px;
			bottom:-7px;
			left:0;
			background:url("../img/mobile-spike.png") 0 0 repeat-x;
			background-size:contain;
			z-index:5;
		}

		.index__header {
			width:100%;
			height:80px;
			position:relative;
			z-index:10;
		}

		.index__header:after {
			content:" ";
			display:block;
			position:absolute;
			width:100%;
			height:14px;
			bottom:-7px;
			left:0;
			background:url("../img/mobile-spike.png") 0 0 repeat-x;
			background-size:contain;
			z-index:5;
		}

		.index__header .buro247-logo {
			width:35px;
			height:31px;
			top:17px;
			left:17px;
			z-index:5;
		}

		.index__header .converse-logo {
			width:36px;
			height:28px;
			top:17px;
			right:17px;
			z-index:5;
		}

		.index__header__title {
			width:190px;
			display:block;
			position:relative;
			text-align:center;
			font-family:"Glasten";
			color:#999;
			font-size:14px;
			letter-spacing: 10px;
			line-height:18px;
			z-index:2;
			margin:0 auto;
			padding:21px 0;
		}

		.index__pics {
			width:100%;
			height:240px;
			display:block;
			position:relative;
			z-index:5;
		}

		.index__pics:after {
			content:" ";
			display:block;
			position:absolute;
			width:100%;
			height:14px;
			bottom:-7px;
			left:0;
			background:url("../img/mobile-spike.png") 0 0 repeat-x;
			background-size:contain;
			z-index:5;
		}

		.index__pic__item {
			display:block;
			position:absolute;
			width:100%;
			height:100%;
			top:0;
			left:0;
			background-color:#fff;
			background-position: 50% 50%;
			background-repeat: no-repeat;
			background-size: cover;
		}

		.index__pic__item[rel-name="lisin"] {
			background-image:url("../img/mobile-pic-lisin.jpg");
		}

		.index__pic__item[rel-name="mikhaleva"] {
			background-image:url("../img/mobile-pic-mikhaleva.jpg");
		}

		.index__pic__item[rel-name="shapovalov"] {
			background-image:url("../img/mobile-pic-shapovalov.jpg");
		}

		.index__share {
			width:17px;
			height:auto;
			bottom:30px;
			right:10px;
		}

		.index__share__item {
			width:15px;
			height:15px;
			margin-bottom:20px;
			font-size:18px;
		}

		.index__links {
			display:block;
			position:relative;
			text-align:center;
			padding-top:20px;
		}

		.index__links__style {
			display:inline-block;
			text-align:center;
			border:1px solid #999;
			font-size:10px;
			padding:5px 10px;
			width: 190px;
			margin-bottom:15px;
			color:#999;
			font-size:14px;
			text-decoration:none;
			font-family:"ProximaNova-Reg";
		}

		.index__links__item {
			text-align:center;
			font-family:"Glasten";
			color:#fff;
			display:block;
			padding:10px 15px;
			text-transform:uppercase;
			font-size:12px;
			letter-spacing:12px;
			text-decoration:none;
			position:relative;
			width:260px;
			margin:0 auto;
		}

		.index__links__item--blue {
			color:#3242d6;
		}

		.index__links__item--red {
			color:#dd2632;
		}

		.index__links__item--selected:before {
			content:" ";
			display:block;
			position:absolute;
			top:7px;
			left:0;
			width:20px;
			height:17px;
			background:url("../img/index-link-hover.png") 50% 50% no-repeat;
			background-size:contain;
		}
	/* index */

	/* screen footer */
		.screen-footer {
			width:100%;
			position:relative;
			overflow:hidden;
		}

		.screen-footer__gray {
			min-height:auto;
		}

		.screen-footer__content {
			width:100%;		
		}

		.converse-logo--footer {
			width:122px;
			height:82px;
			margin-bottom:40px;
		}

		.screen-footer__desc {
			width:250px;
			margin:0 auto 30px;
			font-size:16px;
			line-height:1.6em;
		}

		.screen-footer__learn-more {
			width: 250px;
   			font-size: 13px;
   			letter-spacing: 8px;
   			border-left: 4px solid #e60000;
   			border-right: 4px solid #e60000;
   			padding: 2px;
   			padding-left: 8px;
   			margin-bottom:25px;
		}

		.screen-footer__learn-more:before,
		.screen-footer__learn-more:after {
			left:-4px;
			height:4px;
			width:250px;
		}

		.screen-footer__learn-more:before {
			top:-6px;
		}

		.screen-footer__learn-more:after {
			bottom:-6px;
		}

		.screen-footer__links__text {
			font-size:11px;
			letter-spacing:6px;
			margin-bottom:15px;
		}

		.screen-footer__links__item {
			width:300px;
			font-size:13px;
			letter-spacing:13px;
			padding:5px 40px 5px 55px; 
		}

		.screen-footer__links__item--selected:before {
			content:" ";
			display:block;
			position:absolute;
			top:4px;
			left:0;
			width:20px;
			height:17px;
			background:url("../img/index-link-hover.png") 50% 50% no-repeat;
			background-size:contain;
		}

		.screen-footer__longread-link,
		.screen-footer__tomain-link {
			width:165px;
			padding:5px 10px;
			font-size:14px;
			display:block;
			margin-bottom:20px;
		}

		.screen-footer__white {
			padding:35px 0;
		}

		.screen-footer__white p {
			font-size:12px;
		}
	/* screen footer */

	/* person shares */
		.person__shares .index__share {
			position:relative;
			padding:35px 0 0;
			text-align:center;
			width:100%;
			height:auto;
			bottom:auto;
			right:auto;
		}

		.person__shares .index__share__shadow {
			display:none;
		}

		.person__shares .index__share__item {
			display:inline-block;
			margin:0 10px;
		}
	/* person shares */


	/* person */
		.person__header {
			width:100%;
			position:relative;
			padding:20px 0;
		}

		.person__header__title {
			text-align:center;
			width:238px;
			position:relative;
			margin:0 auto;
			font-family:"Glasten";
			font-size:14px;
			letter-spacing:14px;
			line-height:1.4em;
			margin-bottom:10px;
			padding-left:14px;
		}	

		.person__header__title--blue {
			color:#3242d6;
		}

		.person__header__title--red {
			color:#e60000;
		}

		.person__header__subtitle {
			text-align:center;
			color:#999;
			font-family:"Glasten";
			font-size:10px;
			letter-spacing:10px;
			padding-left:10px;
		}

		.person__quote {
			width:285px;
			margin:0 auto 25px;
			padding:0 30px;
			position:relative;
			font-family:"ProximaNova-SBold";
			font-size:12px;
			line-height:18px;
			color:#999;
			text-align:center;
		}

		.person__quote:before,
		.person__quote:after {
			width:23px;
			height:29px;
			display:block;
			position:absolute;
			content:" ";
			top:0;
		}
		
		.person__quote:before {
			left:0;
			background:url("../img/arrow-left.png") 0 0 no-repeat;
			background-size:contain;
		}
		
		.person__quote:after {
			right:0;
			background:url("../img/arrow-right.png") 0 0 no-repeat;
			background-size:contain;
		}

		.person__video {
			width:100%;
			height:220px;
			background:#000;
			position:relative;
		}

		.person__video video {
			width:100%;
			height:100%;
			display:block;
			position:absolute;
			top:0;
			left:0;
		}

		.person__item {
			position:relative;
			padding:20px;
		}

		.person__item__title {
			text-transform:uppercase;
			font-family:"ProximaNova-Light";
			font-size:14px;
			color:#999;
			margin-bottom:18px;
		}

		.person__item p {
			font-size:12px;
			line-height:15px;
			margin-bottom:15px;
			font-family:"ProximaNova-Reg";
		}	

		.person__item__quote {
			text-transform:uppercase;
			padding:0 30px;
			position:relative;
			margin:0 auto 15px;
		}

		.person__item__quote:before {
			width:20px;
			height:24px;
			display:block;
			position:absolute;
			top:50%;
			margin-top:-12px;
			left:0;
			background:url("../img/arrow-left.png") 50% 50% no-repeat;
			background-size:contain;
			content:" ";
		}

		.person__item__quote:after {
			width:20px;
			height:24px;
			display:block;
			position:absolute;
			top:50%;
			margin-top:-12px;
			right:0;
			background:url("../img/arrow-right.png") 50% 50% no-repeat;
			background-size:contain;
			content:" ";
		}

		.person__pic {
			display:block;
			position:relative;
			width:100%;
		}

		.person[rel-name="mikhaleva"] .person__pic[rel-id="3"] {
			width:100%;
			position:absolute;
			top:0;
			left:0;
		}

		.person[rel-name="mikhaleva"] .person__pic[rel-id="5"] {
			width:104px;
			height:90px;
			position:absolute;
			top:0;
			left:0;
		}

		.person[rel-name="shapovalov"] .person__pic[rel-id="3"] {
			width:100%;
			position:absolute;
			top:0;
			left:0;
		}

		.person[rel-name="shapovalov"] .person__pic[rel-id="4"] {
			margin-top:-25px;
		}

		.person[rel-name="shapovalov"] .person__pic[rel-id="5"] {
			width:100%;
			position:absolute;
			top:0;
			left:0;
			z-index:10;
		}

		.person[rel-name="lisin"] .person__pic[rel-id="3"] {
			width:100%;
			position:absolute;
			top:0;
			left:0;
		}

		.person[rel-name="lisin"] .person__pic[rel-id="5"] {
			margin:-30px 0 -80px;
		}

		.person[rel-name="lisin"] .person__pic[rel-id="6"] {
			width:126px;
			top:120px;
			right:0;
			z-index:1;
			position:absolute;
		}

		.person[rel-name="lisin"] .person__pic[rel-id="7"] {
			top:220px;
			z-index:15;
			position:absolute;
		}

		.person__pic-block {
			position:relative;
			width:100%;
			min-height:405px;
		}

		.person__pic-block__gif {
			display:block;
			position:relative;
			width:214px;
			padding:62px 0 38vw;
			margin:0 auto;
			z-index:5;
		}

		.person[rel-name="shapovalov"] .person__pic-block[rel-id="1"] .person__pic-block__gif {
			padding-bottom:120px;
		}

		.person[rel-name="shapovalov"] .person__pic-block[rel-id="2"] .person__pic-block__gif {
			padding: 35px 0 220px;
		}

		.person[rel-name="lisin"] .person__pic-block[rel-id="1"] .person__pic-block__gif {
			padding:200px 0 5px;
		}

		.person[rel-name="lisin"] .person__pic-block[rel-id="2"] .person__pic-block__gif {
			padding:0 0 290px;
		}
	/* person */

	.screen__title-block__title--blue {
		color:#4235d4;
	}

	.screen__video-block__desc {
		width:95%;
		max-width:95%;
		position:relative;
		font-size:18px;
		padding:0 24px;
		margin-left:auto;
		margin-right:auto;
	}

	.screen__video-block__desc:before,
	.screen__video-block__desc:after {
		width: 20px;
    	height: 24px;
    	top:50%;
    	margin-top:-12px;
	}



	/* streetstyle */
		.person[rel-name="streetstyle"] .index {
    		height: 640px;
		}

		.person[rel-name="streetstyle"] .index__header--tall {
			height:280px;
		}

		.person[rel-name="streetstyle"] .index__links__text {
			padding:85px 10px 25px 0;
			width:100%;
			text-align:center;
			font-size:14px;
			color:#999;
			font-family:"ProximaNova-Reg";
		}

		.person[rel-name="streetstyle"] .index__pics {
			background:#fff;
			height:250px;
		}

		.person[rel-name="streetstyle"] .person__header__title {
			width:100%;
			padding:30px 20px;
			margin:0;
		}

		.person[rel-name="streetstyle"] .person__header__title span {
			display:block;
			position:relative;
			margin:15px auto;
			background:#e60000;
			width:40px;
			height:7px;
		}

		.person[rel-name="streetstyle"] .person__pic-block[rel-id="1"] .person__pic {
			position:absolute;
			top:0;
			left:0;
		}

		.person[rel-name="streetstyle"] .person__pic-block[rel-id="1"] .person__pic-block__gif {
			padding:100px 0;
		}

		.person[rel-name="streetstyle"] .person__pic-block[rel-id="2"] .person__pic {
			width: 104px;
    		height: 90px;
    		position: absolute;
    		top: 0;
    		left: 0;
		}

		.index__shares-mobile .index__share { 
			display:block;
			position:relative;
			top:auto; 
			bottom:auto;
			left:auto;
			right:auto;
			width:100%;
			text-align:center;
			padding:30px 0;
		}

		.index__shares-mobile .index__share__item {
			display:inline-block;
			text-align:center;
			width:24px;
			height:24px;
			margin:0 14px;
			color:#000;
		}
	/* streetstyle */

}