@media only screen and (max-device-width: 950px) {


}





/*
@media screen and (min-width: 53em) {
	.frame {
		position: fixed;
		text-align: left;
		z-index: 10000;
		top: 0;
		left: 0;
		display: grid;
		align-content: space-between;
		width: 100%;
		max-width: none;
		height: 100vh;
		padding: 2rem;
		pointer-events: none;
		grid-template-columns: 25% 50% 25%;
		grid-template-rows: auto auto auto;
		grid-template-areas: 'previous title github'
							'... ... ...'
							'... demos ...';
	}
	.frame__title-wrap {
		grid-area: title;
		justify-self: center;
		display: flex;
	}
	.frame__title {
		margin: 0 0.5rem 0 0;
		padding: 0 0.5rem 0 0;
		position: relative;
	}
	.frame__title::after {
		content: '';
		width: 1px;
		height: 1.1rem;
		position: absolute;
		right: 0;
		top: 50%;
		margin-top: -0.55rem;
		background: currentColor;
	}
	.frame__github {
		grid-area: github;
		justify-self: end;
		margin: 0;
	}
	.frame__demos {
		margin: 0;
		grid-area: demos;
		justify-self: center;
	}
	.frame__previous {
		grid-area: previous;
		padding: 0;
		justify-self: start;
	}
	.frame a {
		pointer-events: auto;
	}
	.content {
		height: 100vh;
		padding: 0 0 10rem 0;
		justify-content: flex-end;
	}
}
*/

@media screen and (max-width: 900px) {

.modal-window {
    width: 560px;
    margin-left: -280px;
}

}



@media screen and (max-width: 800px) {
	


.about_img_wrapper{
	width: auto;
	margin: 0 auto 50px auto;
}

.about_content{
	width: 100%;
}



.services_one {
    width: 48.5%;
}

.blog_one{
	width: 48.5%;
}

}




@media screen and (max-width: 600px) {

.modal-window {
    width: auto;
    margin: 0;
    left: 0;
    right: 0;
}

.link--frontpage-left{
	top: 10px;
	left: 13px;
}

.link--frontpage-right{
	top: 10px;
	right: 13px;
}

#__replain_widget{
	right: 0px !important;
	bottom: 0px !important;
}

.content{
	padding-top: 15%;
}

.skills_side{
	width: 100%;
}

.skills_side:first-child{
	margin-bottom: 30px;
}

.blog_one{
	width: 100%;
}

.contacts_blocks{
	flex-wrap: wrap;
}

.contact-box {
	width: 100%;
}


}

@media screen and (max-width: 500px) {
	
.about_contacts_one{
	width: 100%;
}

.about_cv{
	display: block;
	margin: 0 auto;
	max-width: 200px;
}



.services_one {
    width: 100%;
}



.contacts_form_line{
	flex-wrap: wrap;
}

.input_wrapper{
	width: 100%;
}

.contacts_form input[type="submit"]{
	margin: 0 auto;
}

}



@media screen and (max-width: 345px) {

.email span{
	margin-left: -32px;
}

.content__subtitle span{
	display: block;
}

}