/* #vfic now: 28 Dec 2017 06:39:26 on web262 */ 
.container{width:100%;height:100%;overflow:hidden}
.tree_container{color:#646362}
.tree_container .title_container{text-align:center;float:left;width:100%;width:100vw;height:15%;height:15vh}
@media(min-aspect-ratio:2 / 1){.tree_container .title_container{width:26%;width:26vw;height:100%;height:100vh}
}
@media(max-height:50px){.tree_container .title_container{width:60%;width:60vw}
}
@media(max-aspect-ratio:1 / 1){.tree_container .title_container{height:15%;height:15vh}
}
.tree_container .title_container .title{display:inline-block;font-size:18px;font-weight:bold;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
@media(max-height:50px){.tree_container .title_container .title{font-size:12px;top:auto;-webkit-transform:none;transform:none}
}
.tree_container .title_container #start_your_family_tree_tiny{display:none}
@media(max-height:50px){.tree_container .title_container #start_your_family_tree_tiny{display:inline-block;padding-top:0;padding-bottom:0}
}
.tree_container .middle_container{display:inline-block;background-color:#f8f5ee;text-align:center;float:left;width:100%;width:100vw;height:50%;height:50vh}
@media(min-aspect-ratio:2 / 1){.tree_container .middle_container{max-width:40%;max-width:40vw;height:100%;height:100vh}
}
@media(max-aspect-ratio:1 / 1){.tree_container .middle_container{height:40%;height:40vh}
}
.tree_container .middle_container .tree_container{float:left;display:inline-block;text-align:center;width:100%;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.tree_container .middle_container .tree_container .tree{max-width:80%;max-height:20%;max-height:20vh}
@media(min-aspect-ratio:2 / 1){.tree_container .middle_container .tree_container .tree{max-height:55%;max-height:55vh}
}
.tree_container .middle_container .tree_container .tree_tall{display:none}
@media(max-aspect-ratio:1 / 1){.tree_container .middle_container .tree_container .tree_tall{display:block}
}
.tree_container .middle_container .tree_container .tree_wide{display:none}
@media(min-aspect-ratio:999 / 998){.tree_container .middle_container .tree_container .tree_wide{display:block}
}
.tree_container .middle_container .tree_container .profile_container{display:inline-block;position:relative}
.tree_container .middle_container .tree_container .profile_container .profile{max-height:33%;max-height:33vh}
.tree_container .middle_container .tree_container .profile_container .profile_details{position:absolute;top:15%;left:40%;font-size:2%;font-size:2vh}
@media(max-aspect-ratio:1 / 1){.tree_container .middle_container .tree_container .profile_container .profile_details{font-size:65%}
}
@media(max-height:50px){.tree_container .middle_container .tree_container .profile_container .profile_details{top:30%;font-size:5%;font-size:5vh}
}
@media(min-width:590px) and (min-height:340px){.tree_container .middle_container .tree_container .profile_container .profile_details{font-size:7px}
}
.tree_container .middle_container .tree_container .profile_container .profile_details .birth_date{display:block}
.tree_container .engagement_container{text-align:center;display:inline-block;width:100%;width:100vw;height:35%;height:35vh}
@media(min-aspect-ratio:2 / 1){.tree_container .engagement_container{width:34%;width:34vw;height:100%;height:100vh}
}
@media(max-aspect-ratio:1 / 1){.tree_container .engagement_container{height:45%;height:45vh}
}
@media(max-height:50px){.tree_container .engagement_container{display:none}
}
.tree_container .engagement_container .vertical_engagement_aligner{position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.tree_container .engagement_container .description{font-size:15px}
@media(max-aspect-ratio:1 / 1),(min-width:590px) and (min-height:340px){.tree_container .engagement_container .description{margin:3% 0;margin:3vh 0}
}
@media(max-aspect-ratio:1 / 1),(min-width:590px) and (min-height:340px){.tree_container .engagement_container #start_your_family_tree{margin:3% auto;margin:3vh auto}
}
@media(max-aspect-ratio:1 / 1){.tree_container .engagement_container #start_your_family_tree{display:table;max-width:160px}
}
#start_your_family_tree{margin:auto;white-space:normal;max-height:50px;min-width:120px}