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

}

@media only screen 
and (max-width : 799px) {
	
	.desktop{display:none;}
	
	.page h1{
		font-size:23px;
		line-height:30px;
		width:90%;
		box-sizing:border-box;
		padding:12px 15px;
	}
	.page h2{
		font-size:60px;
		margin-bottom:0px;
	}
	.page__section{
		position:relative;
		margin-bottom:200px;
	}
	.page__section:after{
		content:'';
		position:absolute;
		
		bottom:-150px; left:50%;
		width:10px; height:100px;
		margin-left:-5px;
		opacity:0.3;
	}
	
}


@media
screen and (max-width : 799px),
screen and (max-height: 470px) {
	
	.about__wrapper{
		width:100%;
		
		position:relative;
		top:0px;
		margin-top:0px;
	}
	
	.about{
		position:relative;
		
		width:85%;
		max-width:520px;
		margin:auto;
		margin-top:60px;
		margin-bottom:30px;
		
		font-family:Gotham-Book;
		font-size:13px;
		line-height:21px;
		
		padding:50px 10px;
		padding-bottom:40px;
	}
	
	.about .corner{
		display:none;
	}
	
	
	
}

@media
screen and (max-width : 650px),
screen and (max-height: 600px) {
	
	.portfolio__wrapper{
		top:0px; bottom:0px;
		left:0px; right:0px;
		margin-top:0px;
	}
	
	.portfolio{
		width:100%;
		height:100%;
		border-radius:0px;
		box-shadow:0px 0px 0px;
	}
	.portfolio .logo .img{
		left:90px; right:20px; margin-left:0px;
		width:auto;
	}
	.portfolio .logo .info{
		display:none;
	}
	
	.portfolio .thumbs{
		border-top-left-radius:0px;
		border-bottom-left-radius:0px;
	}
	
	.btn__close{
		top:20px;
		right:20px;
	}
	.btn__next,
	.btn__prev{
		top:auto;
		bottom:20px;
		margin-top:0px;
	}
	.btn__next{
		right:20px;
	}
	.btn__prev{
		left:90px;
	}
	
}

@media only screen 
and (max-height : 300px) {
	
	.form__signup{
		padding-top:60px !important;
	}
	
}