@import "main.css";
/* ////////////////////////////////////////////////////////////////
Theme
/////////////////////////////////////////////////////////////////*/
body {
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	color: #000000;
	line-height: 1.6;
	overflow-y: scroll;
	overflow-x: hidden;
	background: #ffffff;
}
.header .logo a {
    position: absolute;
    top: 4px;
    right: -40px;
    white-space: nowrap;
    -webkit-transform: rotate(0deg); 
    transform: rotate(0deg); 
    -webkit-transform-origin: top right; 
    transform-origin: top right; 
    width: 40px;
    height: 40px;
    display: block;
    background: url("../img/labileone-logo-01.png") center no-repeat;
    background-image: url("../img/labileone-logo-01.svg");
    background-size: contain;
}
.nav .menu li a {
    font-size: 1.2em;
    font-weight: 200;
    line-height: 1em;
    position: relative;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 2px;
}
.project__header .project__title {
    font-weight: 200;
    text-transform: uppercase;
    font-size: 2em;
}
.site__content {
    /*padding: 20px 20px 20px 30%;*/
    padding: 24px 20px 24px 30%;
}
.nav .menu {
    position: absolute;
    top: 20px;
    right: 20px;
    text-align: right;
}
.nav {
    background: rgba(255,255,255, 0.9);
}
.fade::before {
	width: 43px;
	height: 43px;
	border: 3px solid #000000;
}
.header .logo {
    position: absolute;
    top: 20px;
    left: 20px;
}
.header .burger {
    width: 40px;
    left: 18px;
}
.pages__nav {
    text-align: center;
    margin: 20px 0;
}
.project__header {
    margin-bottom: 0px;
}
.header .logo a {
    width: 40px;
    height: 40px;
}
.project__description .project__details li {
    font-family: 'Montserrat', sans-serif;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: 200;
    text-transform: uppercase;
}
.works__mouse__title {
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 200;
}
.works__mouse__title .work__cat {
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 2px;
    font-weight: 300;
}
.about .services__list, .about .featured__list {
    font-family: 'Montserrat', sans-serif;
    font-size: 1em;
}
.portfolio, .gallery {
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    user-select: none;          /* Likely future */
}
.big__title {
    font-size: 2.2em; 
    font-weight: 200;
    text-transform: uppercase;
}
.header .info, .header .search__toggle {
    font-weight: 300;
    text-transform: uppercase;
}
.nav .menu li ul li a {
    font-family: 'Montserrat', sans-serif;
    font-size: 12px;
    font-weight: 200;
}
@media (max-width:800px) {
    .site__content {
        padding: 24px 20px 24px 61px;
    }
    .header .burger {
        left: 11px;
    }
    .header .logo a {
        right: -31px;
    }
}
.footer p {
    font-family: 'Montserrat', sans-serif;
    font-size: 1em;
    color: #000000;
    letter-spacing: 2px;
}
@media (max-width:600px) {
    body {
        font-size: 12px;
    }
    .works__mouse__title, 
    .works__mouse__title .work__cat {
        font-size: 1em;
    }
    .project__header .project__title {
        line-height: 1em;
    }
}
@media (max-width:400px) {
    body {
        font-size: 10px;
    }
    .works__mouse__title, 
    .works__mouse__title .work__cat {
        font-size: 0.7em;
    }
    .project__header .project__title {
        line-height: 0.7em;
    }
    .nav .menu li:not(:last-child) {
        margin-bottom: 0;
    }
    .nav .menu li ul li:not(:last-child) {
         margin-bottom: 0; 
    }
    .nav .menu li ul {
        margin-top: 0;
    }
    .nav .share li {
        margin-top: 0;
    }
}
.nav .share {
    position: absolute;
    right: 20px;
    bottom: 20px;
    text-align: right;
}
.nav .share li:not(:last-child) {
    margin-right: 0;
}
.nav .share li {
    display: block;
    position: relative;
    margin-top: 25px;
}
.nav .share li a {
    font-family: 'Montserrat', sans-serif;
    font-size: 1.2em;
    line-height: 1em;
    position: relative;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-decoration: none;
    text-align: right;
}
a.link {
     color: inherit; 
     border-bottom: 0 
}



.nav .menu li ul {
    padding-right: 20px;
    border-right: 1px solid #000;
}