@media only screen and (max-height:720px), not all, only screen and (max-height:720px) and (min-resolution:192dpi), not all
{
.ablock-arrow-left {
	left: 0px; right: 0px;
}
.ablock-arrow-right {
	left: 0px; right: 0px;
}
.bottom-half .smallno {
	display: none;
}
#header {
	top: -12px !important; height: 17vh;
}
.shortscreen {
	display: block;
}
.tallscreen {
	display: none;
}
}
@media only screen and (max-height:600px), not all, only screen and (max-height:600px) and (min-resolution:192dpi), not all
{
#header {
	left: calc(50% - 45px); top: 20px; right: calc(50% - 45px);
}
.details-content .ablock-overlay .description-content .ablock-overlay {
	position: relative;
}
#description {
	padding: 40px 30px 0px; z-index: 600; -ms-overflow-y: scroll;
}
#details {
	padding: 40px 30px 0px; z-index: 600; -ms-overflow-y: scroll;
}
.details-close {
	left: auto; top: 15px; text-align: center; right: 15px; bottom: auto;
}
.description-close {
	left: auto; top: 15px; text-align: center; right: 15px; bottom: auto;
}
.bottom-half img {
	display: none;
}
}
@media only screen and (max-width:1400px), not all, only screen and (max-width:1400px) and (min-resolution:192dpi), not all
{
.section-image-holder img.twothirds {
	width: calc(100% - 250px);
}
.section-image-holder img.square-295 {
	width: 250px; height: 250px; margin-top: -250px;
}
#home-top-big h1 {
	line-height: 60px; font-size: 50px;
}
}
@media only screen and (max-width:1200px), not all, only screen and (max-width:1200px) and (min-resolution:192dpi), not all
{
.section-image-holder img.twothirds {
	width: calc(100% - 200px);
}
.section-image-holder img.square-295 {
	width: 200px; height: 200px; margin-top: -200px;
}
}
@media only screen and (max-width:1024px), not all, only screen and (max-width:1024px) and (min-resolution:192dpi), not all
{
#description {
	line-height: 24px; font-size: 16px;
}
.details-content {
	line-height: 24px; font-size: 16px;
}
.details-content .padder_10 {
	height: 3px;
}
.details-content .padder_40 {
	height: 20px;
}
.ablock-overlay.ablock-title-left {
	text-align: left; line-height: 24px; padding-left: 80px;
}
.ablock-overlay.ablock-title-right {
	text-align: right; line-height: 24px; padding-right: 80px;
}
}
@media only screen and (max-width:960px), not all, only screen and (max-width:960px) and (min-resolution:192dpi), not all
{
.section-image-holder img.twothirds {
	width: calc(100% - 150px);
}
.section-image-holder img.square-295 {
	width: 150px; height: 150px; margin-top: -150px;
}
}
@media only screen and (max-width:850px), not all, only screen and (max-width:850px) and (min-resolution:192dpi), not all
{
.team-pic {
	width: 50%;
}
.team-wrap > :nth-child(n+4).team7 {
	width: 50%;
}
.full-team-small {
	display: block;
}
.full-team-big {
	display: none;
}
}
@media only screen and (max-width:768px), not all, only screen and (max-width:768px) and (min-resolution:192dpi), not all
{
.lofi-768 {
	display: none;
}
.big-top-gap {
	margin-top: 80px;
}
body {
	line-height: 32px; font-size: 18px;
}
h1 {
	line-height: 44px; font-size: 36px;
}
h1.project-title {
	line-height: 44px; font-size: 36px;
}
h3 {
	line-height: 44px; font-size: 36px;
}
#nav a {
	margin: 5px 4px 0px;
}
.alm-btn-wrap {
	padding-top: 50px;
}
#footer {
	padding: 60px 0px 116px;
}
.portfolio-item-text .container {
	text-align: center;
}
.portfolio-item-text .container h1 {
	padding: 0px; left: auto; text-align: center; bottom: auto; float: none !important; display: block; position: relative;
}
.portfolio-item-text .container a.button-link {
	padding: 20px 0px 0px; right: auto; bottom: auto; clear: both; float: none !important; position: relative;
}
.details-link {
	left: 50px; bottom: 70px;
}
.description-link {
	right: 50px; bottom: 70px;
}
.view-gal {
	bottom: 70px;
}
#details {
	width: 100%;
}
#description {
	width: 100%;
}
#description {
	right: -100%;
}
#details {
	left: -100%;
}
.insta-wrap .insta-pod {
	width: 48%; margin-right: 4%; margin-bottom: 50px; float: left;
}
.insta-wrap .alm-reveal > :nth-child(3n+3).insta-pod {
	margin-right: 4%;
}
.insta-wrap .alm-reveal > :nth-child(2n+2).insta-pod {
	margin-right: 0px;
}
.insta-wrap .alm-reveal > :nth-child(3n+4).insta-pod {
	clear: none;
}
.insta-wrap .alm-reveal > :nth-child(2n+3).insta-pod {
	clear: both;
}
#description .ablock-text {
	padding: 130px 60px 0px;
}
#details .ablock-text {
	padding: 130px 60px 0px;
}
}
@media only screen and (max-width:707px), not all, only screen and (max-width:707px) and (min-resolution:192dpi), not all
{
.footer1 {
	line-height: 32px; font-size: 18px;
}
.footer-big .footer1 {
	line-height: 32px; font-size: 18px;
}
.footer2 {
	line-height: 28px; font-size: 16px;
}
.footer-big .footer2 {
	line-height: 28px; font-size: 16px;
}
}
@media only screen and (max-width:640px), not all, only screen and (max-width:640px) and (min-resolution:192dpi), not all
{
.grid_1 {
	width: 100%;
}
.grid_2 {
	width: 100%;
}
.grid_3 {
	width: 100%;
}
.grid_4 {
	width: 100%;
}
.grid_5 {
	width: 100%;
}
.grid_6 {
	width: 100%;
}
.grid_7 {
	width: 100%;
}
.grid_8 {
	width: 100%;
}
.grid_9 {
	width: 100%;
}
.grid_10 {
	width: 100%;
}
.grid_11 {
	width: 100%;
}
.grid_12 {
	width: 100%;
}
.team-pic {
	width: 100%;
}
.team-wrap > :nth-child(n+4).team7 {
	width: 100%;
}
.team-pic img {
	width: 100%;
}
#nav a {
	margin: 5px 4px 0px; padding: 11px 8px; line-height: 15px; font-size: 15px;
}
.footer2 span.foot-dot {
	padding: 0px; width: 0px; color: white; clear: both;
}
.ablock-arrow-left {
	left: 10px;
}
.ablock-arrow-right {
	right: 10px;
}
.ablock-overlay.ablock-title-left {
	padding-left: 40px;
}
.ablock-overlay.ablock-title-right {
	padding-right: 40px;
}
.section-image-holder {
	margin-top: 80px;
}
.section-image-holder img.twothirds {
	width: calc(100% - 100px);
}
.section-image-holder img.square-295 {
	width: 100px; height: 100px; margin-top: -100px;
}
.description-link {
	left: 0px; text-align: center; right: 0px; bottom: 50px; border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
.details-link {
	left: 0px; text-align: center; right: 0px; bottom: 80px; border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
.view-gal {
	bottom: 110px; border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
}
@media only screen and (max-width:480px), not all, only screen and (max-width:480px) and (min-resolution:192dpi), not all
{
#bottom-bar {
	padding: 0px; height: 35px;
}
#nav li {
	margin-top: -5px;
}
#nav a {
	margin: 0px; padding: 1px 5px; line-height: 13px; font-size: 13px;
}
.details-content .ablock-overlay .description-content .ablock-overlay {
	position: relative;
}
#description {
	padding: 40px 30px 0px; z-index: 600; -ms-overflow-y: scroll;
}
#details {
	padding: 40px 30px 0px; z-index: 600; -ms-overflow-y: scroll;
}
.details-close {
	left: auto; top: 15px; text-align: center; right: 15px; bottom: auto;
}
.description-close {
	left: auto; top: 15px; text-align: center; right: 15px; bottom: auto;
}
#header {
	left: calc(50% - 45px); top: 20px; width: 90px; right: calc(50% - 45px);
}
#header {
	left: calc(50% - 30px); top: 10px; width: 60px; right: calc(50% - 30px);
}
.section-image-holder {
	margin-top: 40px;
}
.section-image-holder img.twothirds {
	width: 100%;
}
.section-image-holder img.square-295 {
	width: 100%; height: auto; margin-top: 30px;
}
.insta-wrap .insta-pod {
	width: 100%; margin-right: 0px !important; margin-bottom: 30px; float: left;
}
.bottom-half .smallno {
	display: none;
}
}
@media only screen and (max-width:400px), not all, only screen and (max-width:400px) and (min-resolution:192dpi), not all
{
.ablock-arrow-left {
	left: 0px; right: 0px;
}
.ablock-arrow-right {
	left: 0px; right: 0px;
}
.ablock-overlay.ablock-title-left {
	display: none;
}
.ablock-overlay.ablock-title-right {
	display: none;
}
#home-top-big h1 {
	line-height: 44px; font-size: 36px;
}
}
@media only screen and (max-height:410px), not all, only screen and (max-height:410px) and (min-resolution:192dpi), not all
{
#header {
	left: calc(50% - 30px); top: 10px; width: 225px; right: calc(50% - 30px);
}
}
