.logo,
.logo img {
    position: absolute;
    margin: auto
}
.grid,
.grid figure,
figure.effect-lily figcaption {
    text-align: center
}
#dots,
.logo,
.logo img {
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}
.logo {
    width: 180px;
    height: 180px;
    background-color: rgba(255, 255, 255, 1);
    z-index: 9999;
    border-radius: 50%;
    cursor: pointer;
    -webkit-transition: box-shadow .2s;
    -moz-transition: box-shadow .2s;
    transition: box-shadow .2s
}
.logo img {
    width: 140px;
    height: 100px
}
.grid,
.grid figure,
.grid figure img {
    position: relative
}
.logo:after {
    top: 0;
    left: 0;
    padding: 0;
    box-shadow: 0 0 0 3px #fff;
    -webkit-transition: -webkit-transform .2s, opacity .2s;
    -moz-transition: -moz-transform .2s, opacity .2s;
    transition: transform .2s, opacity .2s
}
.logo:hover:after {
    -webkit-transform: scale(.85);
    -moz-transform: scale(.85);
    -ms-transform: scale(.85);
    transform: scale(.85);
    opacity: .5
}
.logo:hover {
    box-shadow: 0 0 0 5px rgba(231, 76, 60, .8);
    color: #fff
}
.half-col-6 {
    height: 50%
}
.grid {
    margin: 0 auto;
    padding: 0;
    list-style: none
}
.grid figure {
    float: left;
    overflow: hidden;
    margin: 0;
    height: 100%;
    width: 100%;
    background: #000;
    cursor: pointer
}
.grid figure img {
    display: block;
    min-height: 100%;
    max-width: 100%;
    opacity: .8
}
.grid figure figcaption {
    padding: 2em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
.grid figure figcaption::after,
.grid figure figcaption::before {
    pointer-events: none
}
.grid figure figcaption,
.grid figure figcaption>a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}
.grid figure figcaption>a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0
}
.grid figure h1 {
    word-spacing: .15em;
    font-weight: 300
}
.grid figure h1 span {
    font-weight: 800
}
.grid figure h1,
.grid figure p {
    margin: 0
}
.grid figure p {
    text-transform: none;
    font-size: 88.5%;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 10px;
    padding: 10px;
}
figure.effect-lily img {
    max-width: none;
    width: 100%;
    opacity: .7;
}
figure.effect-lily figcaption>div {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 2em;
    width: 100%;
    height: 50%
}
figure.effect-lily h1,
figure.effect-lily p {
    -webkit-transform: translate3d(0, 40px, 0);
    transform: translate3d(0, 40px, 0)
}
figure.effect-lily h1 {
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s
}
figure.effect-lily p {
    color: rgb(255, 255, 255);
    opacity: 0;
    -webkit-transition: opacity .2s, -webkit-transform .35s;
    transition: opacity .2s, transform .35s
}
figure.effect-lily:hover img,
figure.effect-lily:hover p {
    opacity: 1
}
figure.effect-lily:hover h1,
figure.effect-lily:hover img,
figure.effect-lily:hover p {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
figure.effect-lily:hover p {
    -webkit-transition-delay: 50ms;
    transition-delay: 50ms;
    -webkit-transition-duration: .35s;
    transition-duration: .35s
}
#dots {
    position: absolute;
    background-image: url(../images/dots.png);
    z-index: 1
}
@media (min-width: 1400px) {
	.logo-fix {
		margin-top: 50px;
	}
}
@media (max-width: 400px) {
    .logo {
        width: 100px;
        height: 100px
    }
    .logo img {
        width: 70px;
        height: 50px
    }
    .grid figure h1 span {
        font-weight: 400;
        font-size: 19px
    }
}
.grid-border-bottom {
    border-bottom: 2px solid #fff
}
.grid-border-right {
    border-right: 2px solid #fff
}
.hidden-background {
    background-color: #999
}
.coming-soon-text {
    margin-top: 40px
}
figure.effect-lily:hover h1 {
    display: none;
}
span.figtitle {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: bold;
}
span.readmore {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
}

@media (min-width: 1200px) {
	.divided-divs {
		height: 100%;
		position: relative;
		margin-left: -2px;
	}
	.divided-divs .grid {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		display: block;
	}
	.divided-divs .grid-1 {
		-webkit-clip-path: polygon(0 0, 0 100%, 100% 100%);
		clip-path: polygon(0 0, 0 100%, 100% 100%);
		border-left: 2px solid #fff;
	}
	.divided-divs .grid-2 {
		-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%);
		clip-path: polygon(0 0, 100% 0, 100% 100%);
	}
	.divided-divs .grid-2 figure.effect-lily figcaption>div {
		top: 0;
		right: 50px;
		left: auto;
		width: 100%;
	}
	
	.divided-divs .grid-1 figure.effect-lily figcaption>div {
		bottom: 0;
		top: 0;
		left: 50px;
		right: auto;
		width: 100%;
	}
	.divided-divs .grid h1 {
		font-size: 26px;
	}
	.divided-divs .grid-2 figure figcaption, .divided-divs .grid-2 figure figcaption>a {
		right: 0;
		left: auto;
		top: 0;
		width: 75%;
	}
	.divided-divs .grid-1 figure figcaption, .divided-divs .grid-1 figure figcaption>a {
		bottom: 0;
		top: auto;
		left: 0;
		right: auto;
		width: 75%;
	}
	.divided-divs .grid-1 figure figcaption {
		bottom: -350px;
	}
}@media (max-width: 1400px) {	h1 {		font-size: 28px;	}		span.figtitle {		font-size: 18px;	}	.grid figure p {		font-size: 13px;	}	.grid figure figcaption {		padding: 0.5em;	}	}}