/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) and (orientation: landscape) {
	.menu {
		text-align: right;
		margin-left:0;
	}
	.email {
		display:none;
	}
}

@media only screen and (max-width : 768px) and (orientation: portrait) {
	.hello-email {
		display:none;
	}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) and (orientation: portrait) {
	.menu {
		text-align: right;
		margin-left:0;
	}

	.logo-frame {
		padding-top:20px;
		padding-bottom:15px;
		background-color: #fff;
	}

	.project {
		padding-bottom: 0;
	}

	.gray {
		padding-bottom: 25px;
	}

	.email {
		margin-top: 0;
	}

	.into {
		margin-top: -20px;
	}

	.allworks {
		font-size: 20px;
	}

	.email a {
		margin-left: auto;
	}

	.copy {
		font-size: 19px;
	}

	.logo {
		font-size: 28px;
	}

	.logo span {
		font-size: 14px;
	}

	.logo a {
		margin-right:0;
	}
.socials {
text-align:center;
}
.socials a {
    margin-left: 0px;
    float: left;
		margin-right: 0
}
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {

}


/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {

}

 /* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {

}