@charset "utf-8";

/* CSS Document */
.home {
    min-height: 68vh;
}
.intro {
	width:auto;
    padding: 2% 2% 28% 2%;
}

.homeText {   
   font-size: 8.8vw;
   line-height: 9.6vw; 
}

h2.contactText {   
   font-size: 8.8vw;
   line-height: 9.6vw;
   width:auto;
}

h3.emailText {
    font-size: 3vw;
    margin: 2%;
    padding: 2%;
	bottom:0;
	right:0;
   
}

h4.disclaimer {
	font-size: 2vw;
	line-height: 3vw;
	width: 60%;
	bottom: 4%;
	left: 2%;
}


#readmore {
   font-size: 8.8vw;
   line-height: 9.6vw;
    
}

.morecontent_left {
    width: 100%;
    float: none;
}

.morecontent_right {
    width: 100%;
    float: none;
	padding-bottom: 2%;
}

.moretxt {
    font-size: 3.48vw;
    line-height: 4.48vw;
    padding: 4% 10% 5% 0%;
	letter-spacing: .5px;
}

ul#exp li {
	display: flex;
	font-size: 3vw;
	line-height: 3vw;
	letter-spacing: 1px;
	border-bottom: 1px solid #000;
	padding:4% 0%;
}

.active_dot {
	width:2.68vw;
	height:2.68vw; 
}

.bar {
	bottom:10px;
}

.bar_split { 
    padding: 0%;
	display: block;
}

h4.bar_text {
    font-size: 3.48vw;
	line-height:4vw;
	padding: 2%;
	float: left;
}

.mob_bar_text_float {
	float:right !important;
}

.two {
    overflow: hidden;
    display: block;
}

.two img {
    width: 100%;
    float: none;
}

.video_holder {
    width: 100%;
    float: none;
    display: block;
}

.video_holder video {
    width: 100% !important;
}

.andjuliet_video_holder {
	width:100%; 
}

.andjuliet_video {
	width:100%; 
	display:block;
	margin-left:10%;
}

.aj_video {
	border:1px solid #ecece4;
}

.okn_half {
	width:100%;
}

.okn_half img {
	width:20vw;
}

.formaika_bg {
	display:flex; 
	align-content: center; 
	justify-content: center;
	background-image: url("../img/formaika/bg.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	min-height: 50vh;
}

.formaika_bg img {
	width:30vw;
}

.formaika_split {
	width:100%;
}

.formaika_split img{
	width:40vw;
}

#formaika_split_1 img {
	width:50vw;
}

#formaika_split_2 img {
	width:60vw;
}

.link {
    width: 90%;
    left: 5%;
    right: 5%;
	bottom: 5%;
}

p.link_name_txt {
    font-size: 3vw;
}

.marq {
    font-size: 3vw;
}

p.link_txt {
    font-size: 3vw;
	padding:20px;
}

#okn {
	height:80vh;
}

#top {
	display: block;
	height:60px;
}

#top img {
	margin:20px auto;
}

#right {
	display: none;
}

#bottom {
	left:0px;
	background: #fb5737;
	display: block;
	height:60px;
}

#left {
	display: none;
}

#sign {
	margin-left:-45vw;
	width: 90vw;
}

#sticker_holder {
	width: 100%;
	height:calc(80vh - 120px);
	top:60px;
	left:0;
	position: absolute;
}

#sticker_holder img{
	width: 80%; 
}

#sticker {
	width:14vw;
	height:14vw;
    animation: moveX 2s linear 0s infinite alternate, moveY 3.4s linear 0s infinite alternate;
}

@keyframes moveX {
	  from { left: 0;  } to { left: calc(100% - 14vw); }
	}

@keyframes moveY {
	  from { top: 0; } to { top: calc(100% - 14vw); }
	}

.flexed {
	display: block;
}

.centered_overlappings {
	width:100%;
	position: relative;
}


.co_1 {
	transform: rotate(-1deg); 
	width:100%
}

.co_2 {
	transform: rotate(1deg); 
	width:100%;
}

.co_3 {
	transform: rotate(-3deg); 
	width:100%;
}

.co_4 {
	transform: rotate(4deg); 
	width:100%;
}

.co_5 {
	transform: rotate(-1deg); 
	width:100%;
}