/* Large screens ----------- */
@media screen  and (max-width : 1824px) {

}
@media screen  and (max-width : 1224px) {
.content {
	width: 75%;
}
}
@media screen  and (max-width : 1024px) {
.instagram, .behance, .facebook, .linkedin {
    width: 1.75em;
    height: 1.75em;
}
.logo-img {
	width: 75px;
	height: 75px;
}
#header {
	width: 200px;
}
.content {
	margin-left: 200px;
}
}
@media screen  and (max-width : 768px) {
#header{
	position: static;
	width: 100%;
}
.sidebar {
	width: 95%;
	margin-top: 2em;
	margin-right: 5%;
	border: 0;
}
.nav {
	margin-top: 0;
}
.nav-item {
	font-size: 1.5em;
}
.logo {
	width: 15%;
	margin-left: 2em;
}
.content {
	width: 100%;
	margin-top: 2em;
	margin-left: 0;
}
.social-link {
	float: right;
}
.content {
	padding: 3em;
}
.instagram, .behance, .facebook, .linkedin {
	width: 2.5em;
	height: 2.5em;
	margin-right: 0;
	margin-left: 1em;
}
.gallery {
	width: 100%;
}
.gallery-item {
	width: 50%;
}
#back-top {
	display: none;
}
.about-photo img, .about-text {
	max-width: 100%;
}
#back-top a{
	display: none;
}
.goodbye-img{
	display: block;
	margin: 2em auto;
	width: 50px;
}
#back-top-2 {
    display: block;
    margin: 5em auto;
    width: 25px;
}
.back-top-img {
    margin: 0;
}
}
@media screen  and (max-width : 640px) {
.content {
    padding: 2em;
}
.welcome-img img {
	height: 600px;
	max-width: 80%;
	margin: 2em 10%;
}
}
@media screen  and (max-width : 550px) {	
.sidebar {
	width: 90%;
}
}
@media screen  and (max-width : 480px) {
.instagram, .behance, .facebook, .linkedin {
	display: block;
}
.nav {
    margin-top: 1em;
}
nav[role="custom-dropdown"] {
    width: 50%;
}
.gallery {
    width: 100%;
	margin-left: 0;
}
.gallery-item {
    width: 100%;
	padding: 10px;
}
.project-nav {
    font-size: .5em;
}
.about-photo img {
	max-width: 200px;
}
.mail {
	font-size: .75em;
}
}
@media screen  and (max-width : 320px) {

}