img,legend{border:0}
legend,td,th{padding:0}
*,sub,sup{position:relative}
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-family:'Open Sans Condensed', sans-serif;;font-weight:200;color:#7f8c8d;letter-spacing:-.04em}
body{margin:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;min-height:100vh}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
.profile img,[hidden],template{display:none}
audio:not([controls]){display:none;height:0}
a{background-color:transparent}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,optgroup,strong{font-weight:700}
dfn{font-style:italic}
h1{font-size:2em}
mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{box-sizing:content-box;height:0}
pre,textarea{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
table{border-collapse:collapse;border-spacing:0}
*{box-sizing:border-box}
h1,h2,h3,h4,h5,h6{font-weight:inherit;margin:0}

.profile{background-image:url(/img/ione.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;background-attachment:fixed;position:fixed;top:0;left:0;right:0;bottom:0;z-index:-1}

@media screen and (max-width:900px){body{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start}.profile{position:relative;background:0 0;margin-bottom:-15vw;z-index:0}.profile:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:-webkit-linear-gradient(top,rgba(5,5,5,0) 60%,#000);background-image:linear-gradient(to bottom,rgba(5,5,5,0) 60%,#000);pointer-events:none}.profile img{display:block;width:100%}}

article{background:rgba(5,5,5,.7);-webkit-flex-basis:57vw;-ms-flex-preferred-size:57vw;flex-basis:57vw;padding:6vw;z-index:1}

@media screen and (max-width:900px){article{padding:6vw;-webkit-box-flex:0;-webkit-flex:0;-ms-flex:0;flex:0;background:0 0}}

.greeting{font-size:2.5vw;line-height:.75;}

@media screen and (max-width:600px){article{padding-bottom:0}.greeting{font-size:1.1em}}

.name{color:white;font-weight:300;font-size:4.5vw;margin-bottom:3vw}
.name img{height:2.4vw}

@media screen and (max-width:600px){.name{font-size:1.9em}}

.message{font-size:2.5vw;line-height:1.4;margin-bottom:4vw}

.message a{color:#66CCFF;text-decoration:none;border-bottom:.15vw solid #99CCFF;-webkit-transition:border-color .1s ease-in-out;transition:border-color .1s ease-in-out}

.message a:hover{border-color:#94c6e7}

#instagram{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;margin-top:-.5vw;margin-left:-.5vw;margin-right:-.5vw}

@media screen and (max-width:600px){.message{font-size:1.1em;margin-bottom:6vw}#instagram{margin-top:-6px;margin-left:-5.5vw;margin-right:-5.5vw}}

#instagram:hover a{opacity:.6}

#instagram a{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;-webkit-flex-basis:calc(100%/3);-ms-flex-preferred-size:calc(100%/3);flex-basis:calc(100%/3);line-height:0;-webkit-transition:opacity .2s ease-in-out;transition:opacity .2s ease-in-out;border:.5vw solid transparent}

@media screen and (min-width:1450px){#instagram a{-webkit-flex-basis:calc(100%/4);-ms-flex-preferred-size:calc(100%/4);flex-basis:calc(100%/4)}}

@media screen and (max-width:1050px){#instagram a{-webkit-flex-basis:calc(100%/2);-ms-flex-preferred-size:calc(100%/2);flex-basis:calc(100%/2)}}

@media screen and (max-width:900px){#instagram a{-webkit-flex-basis:calc(100%/4);-ms-flex-preferred-size:calc(100%/4);flex-basis:calc(100%/4)}}

@media screen and (max-width:750px){#instagram a{-webkit-flex-basis:calc(100%/3);-ms-flex-preferred-size:calc(100%/3);flex-basis:calc(100%/3)}}

#instagram a:hover{opacity:1}#instagram img{width:100%}