/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}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}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}pre{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}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}/*!
TYPEPLATE : STARTER KIT
URL ........... http://typeplate.com
VERSION ....... 2.1.0
Github ........ https://github.com/typeplate/starter-kit
AUTHORS ....... Dennis Gaebel (@gryghostvisuals) & Zachary Kain (@zakkain)
LICENSE ....... Creative Commmons Attribution 3.0 (http://creativecommons.org/licenses/by/3.0)
LICENSE URL ... https://github.com/typeplate/starter-kit/blob/master/license.txt
*/@font-face{font-family:Ampersand;src:local("Georgia"),local("Garamond"),local("Palatino"),local("Book Antiqua");unicode-range:U+0026}@font-face{font-family:Ampersand;src:local("Georgia");unicode-range:U+270C}.typl8-ampersand{font-family:Ampersand,Verdana,sans-serif}.typl8-breakword{word-wrap:break-word}.typl8-normal-wrap{word-wrap:normal}.typl8-inherit-wrap{word-wrap:auto}.typl8-font-feature--smcp{-webkit-font-feature-settings:"smcp";-ms-font-feature-settings:"smcp";font-feature-settings:"smcp"}.typl8-font-feature--onum{-webkit-font-feature-settings:'onum';-ms-font-feature-settings:'onum';font-feature-settings:'onum'}.typl8-drop-cap:first-letter{float:left;margin:10px 10px 0 0;padding:0 20px;font-size:4em;font-family:inherit;line-height:1;text-indent:0;background:transparent;color:inherit}p+.typl8-drop-cap{text-indent:0;margin-top:0}html{font:normal 112.5%/1.65 serif}body{-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;hyphens:auto;word-wrap:break-word;color:#444}small{font-size:65%}h1,h2,h3,h4,h5,h6{line-height:1;margin-top:0;text-rendering:optimizeLegibility;color:#222}.typl8-tera{font-size:117px;font-size:6.5rem;margin-bottom:4.56923px;margin-bottom:.25385rem}.typl8-giga{font-size:90px;font-size:5rem;margin-bottom:5.94px;margin-bottom:.33rem}.typl8-mega{font-size:72px;font-size:4rem;margin-bottom:7.425px;margin-bottom:.4125rem}h1,.typl8-alpha{font-size:60px;font-size:3.33333rem;margin-bottom:8.91px;margin-bottom:.495rem}h2,.typl8-beta{font-size:48px;font-size:2.6667rem;margin-bottom:11.1375px;margin-bottom:.61875rem}h3,.typl8-gamma{font-size:36px;font-size:2rem;margin-bottom:14.85px;margin-bottom:.825rem}h4,.typl8-delta{font-size:24px;font-size:1.3333333333333333rem;margin-bottom:22.275px;margin-bottom:1.2375rem}h5,.typl8-epsilon{font-size:21px;font-size:1.16667rem;margin-bottom:25.45714px;margin-bottom:1.41429rem}h6,.typl8-zeta{font-size:18px;font-size:1rem;margin-bottom:29.7px;margin-bottom:1.65rem}p{margin:auto auto 1.5em}p+p{text-indent:1.5em;margin-top:-1.5em}input,abbr,acronym,blockquote,code,kbd,q,samp,var{-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}pre code{word-wrap:normal;white-space:-moz-pre-wrap;white-space:pre-wrap}pre{white-space:pre}code{white-space:pre;font-family:monospace}abbr{-webkit-font-variant:small-caps;-moz-font-variant:small-caps;-ms-font-variant:small-caps;font-variant:small-caps;font-weight:600;text-transform:lowercase;color:gray}abbr[title]:hover{cursor:help}.typl8-lining dt,.typl8-lining dd{display:inline;margin:0}.typl8-lining dt+dt:before,.typl8-lining dd+dt:before{content:"\A";white-space:pre}.typl8-lining dd+dd:before{content:", "}.typl8-lining dd:before{content:": ";margin-left:-.2em}.typl8-dictionary-style dt{display:inline;counter-reset:definitions}.typl8-dictionary-style dt+dt:before{content:", ";margin-left:-.2em}.typl8-dictionary-style dd{display:block;counter-increment:definitions}.typl8-dictionary-style dd:before{content:counter(definitions, decimal) ". "}.typl8-blockquote p:last-of-type{margin-bottom:-.825em}.typl8-blockquote+figcaption{display:block;font-size:inherit;text-align:right}.typl8-blockquote+figcaption:before{content:"-"}.typl8-pull-quote{position:relative;padding:1em}.typl8-pull-quote:before,.typl8-pull-quote:after{height:1em;opacity:.15;position:absolute;font-size:4em;color:#dc976e}.typl8-pull-quote:before{content:'“';top:0;left:0}.typl8-pull-quote:after{content:'”';bottom:0;right:0}*,*:before,*:after{box-sizing:border-box;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:.25s;transition-duration:.25s;-webkit-transition-property:opacity,color,background-color,border-color,z-index,background-image,-webkit-transform;transition-property:opacity,color,background-color,border-color,z-index,background-image,-webkit-transform;transition-property:opacity,transform,color,background-color,border-color,z-index,background-image;transition-property:opacity,transform,color,background-color,border-color,z-index,background-image,-webkit-transform;-webkit-transition-timing-function:ease;transition-timing-function:ease}.grid{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.grid>*{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;-webkit-flex-basis:100%;-ms-flex-preferred-size:100%;flex-basis:100%}.grid-2>*{-webkit-flex-basis:50%;-ms-flex-preferred-size:50%;flex-basis:50%}.grid-4>*{-webkit-flex-basis:25%;-ms-flex-preferred-size:25%;flex-basis:25%}.grid-6>*{-webkit-flex-basis:16.66667%;-ms-flex-preferred-size:16.66667%;flex-basis:16.66667%}@media only screen and (min-width:400px){.grid-2-400>*{-webkit-flex-basis:50%;-ms-flex-preferred-size:50%;flex-basis:50%}}@media only screen and (min-width:800px){.grid-2-800>*{-webkit-flex-basis:50%;-ms-flex-preferred-size:50%;flex-basis:50%}}@media only screen and (min-width:400px){.grid-4-400>*{-webkit-flex-basis:25%;-ms-flex-preferred-size:25%;flex-basis:25%}}@media only screen and (min-width:800px){.grid-4-800>*{-webkit-flex-basis:25%;-ms-flex-preferred-size:25%;flex-basis:25%}}p+p{text-indent:0}img{max-width:100%}body{background-color:#ecf0f1}#UpperPanel{border-bottom:1px solid #dedfdf;background-color:white}#UpperPanel #logo-image{height:60px;vertical-align:middle;margin-left:166px}#UpperPanel h4{display:inline-block;font-family:Helvetica;font-weight:200;color:#9b59b6}#UpperPanel .upper-buttons{display:inline;margin-left:20px;width:140px;font-weight:200;color:#ecf0f1;border-radius:20px;background-color:#9b59b6;font-family:helvetica;border:none;box-shadow:2px 2px 2px 2px #999;outline:none;float:right;margin-top:10px;margin-right:10px}@media screen and (max-width:815px){#UpperPanel #logo-image{height:60px;vertical-align:middle;margin-left:0}}@media screen and (max-width:500px){#UpperPanel .upper-buttons{width:120px;font-size:12px}}@media screen and (max-width:460px){#UpperPanel .upper-buttons{width:100px;font-size:10px}}@media screen and (max-width:420px){#UpperPanel .upper-buttons{width:80px;font-size:10px}}@media screen and (max-width:320px){#UpperPanel .upper-buttons{width:55px;font-size:11px}}#SelectionBox{height:570px;background-color:#ecf0f1;text-align:center;border-top:1px solid #dedfdf}#SelectionBox h2{margin-top:100px;margin-bottom:100px;font-family:helvetica;font-weight:200;color:#9b59b6}#SelectionBox button{width:240px;height:60px;margin:40px;font-size:30px;font-weight:700;font-weight:200;color:#ecf0f1;border-radius:20px;background-color:#9b59b6;font-family:helvetica;border-bottom:none;border-left:none;border-right:none;border-top:none;box-shadow:2px 2px 2px 2px #999;outline:none}@media screen and (max-width:660px){#SelectionBox h2{font-size:30px}#SelectionBox button{width:180px;height:40px;margin:20px;font-size:20px}}@media screen and (max-width:550px){#SelectionBox h2{font-size:20px;margin-right:5px;margin-left:5px}#SelectionBox button{width:140px;height:30px;margin:15px;font-size:15px}}@media screen and (max-width:550px){#SelectionBox button{width:120px;height:30px;margin:10px;font-size:15px}}#formBox{background-color:#ecf0f1;border-top:1px solid #dedfdf;text-align:center}#formBox h3{margin-top:50px;color:#9b59b6;font-family:helvetica;font-weight:200}#formBox #Form{margin:0 auto;max-width:400px;text-align:center;border:2px solid #9b59b6;margin-top:60px;padding-top:10px;padding-bottom:10px;background-color:#ecf0f1;border-radius:20px;box-shadow:4px 4px 4px 4px #999}#formBox #Form input{margin:0 auto;margin-top:12px;margin-bottom:12px;display:block;font-weight:200;font-family:helvetica;padding:4px}#formBox #Form button{margin:0 auto;margin-top:20px;display:block;width:140px;font-weight:200;background-color:#9b59b6;border-radius:20px;font-family:helvetica;color:#ecf0f1;border-bottom:none;border-left:none;border-right:none;border-top:none;box-shadow:2px 2px 2px 2px #999;margin-bottom:12px}#formBox #Form button:focus{outline:none}@media screen and (max-width:420px){#formBox #Form{margin-right:20px;margin-left:20px;margin-bottom:20px}#formBox h3{font-size:20px;margin-right:20px;margin-left:20px}}#Menu{border-bottom:1px solid #dedfdf;padding-top:10px;background-color:white}#Menu p,#Menu a{margin:0;display:inline-block;padding:10px;text-decoration:none;color:#9b59b6;cursor:pointer;font-family:helvetica;font-weight:200}#Menu #user{float:right}#Menu #home{margin-left:166px}@media screen and (max-width:815px){#Menu #home{margin-left:0}}@media screen and (max-width:480px){#Menu p,#Menu a{font-size:16px}}@media screen and (max-width:460px){#Menu p,#Menu a{font-size:14px}}@media screen and (max-width:440px){#Menu p,#Menu a{font-size:12px}#Menu #user{position:absolute;top:0}}#InfoBox{min-height:510px;background-color:#ecf0f1;border-top:1px solid #dedfdf}#InfoBox #EventsBox{text-align:center;padding-top:30px;max-width:800px;margin:0 auto;position:relative}#InfoBox #EventsBox label{color:#9b59b6;font-family:helvetica;font-weight:200;text-align:center}#InfoBox #EventsBox #newEvent{box-shadow:2px 2px 2px 2px #999;background-color:#9b59b6;height:30px;width:30px;border-radius:50%;font-family:helvetica;color:#ecf0f1;float:right;text-align:center;border-bottom:none;border-left:none;border-right:none;border-top:none;position:absolute;right:0}@media screen and (max-width:768px){#InfoBox #EventsBox #newEvent{height:32px;width:30px;font-size:20px;right:50px;padding:0;padding-bottom:20px}}@media screen and (max-width:420px){#InfoBox #EventsBox #newEvent{height:20px;width:20px;font-size:10px;right:30px;padding:0}}#InfoBox #EventsBox #EventForm{z-index:1;position:fixed;border:2px solid #9b59b6;border-radius:20px;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#aea8d3;text-align:center;font-family:helvetica;font-weight:200;box-shadow:4px 4px 4px 4px #999;padding:20px}#InfoBox #EventsBox #EventForm #CreateEvent{color:white;font-weight:700}#InfoBox #EventsBox #EventForm button{font-family:helvetica;font-weight:200;background-color:#9b59b6;border-radius:20px;color:#ecf0f1;border-bottom:none;border-left:none;border-right:none;border-top:none;padding:0 10px;display:inline-block;margin-left:10px;outline:none}#InfoBox #EventForm>*{display:block;margin-bottom:20px}@media screen and (max-width:420px){#InfoBox #EventForm{font-size:12px;width:280px}}#InfoBox .item{display:inline-block;text-align:left}#InfoBox .item label{margin-right:20px}#InfoBox .item input{margin-right:10px}#InfoBox #EBox{border:2px solid #9b59b6;margin-top:20px;border-radius:20px;background-color:white;box-shadow:4px 4px 4px 4px #999;font-size:16px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:15px}#InfoBox #EBox #Event{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;border-bottom:1px solid rgba(192,192,192,.35)}#InfoBox #EBox #Event p{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;margin:0;display:inline-block;font-family:helvetica;font-weight:200;text-align:left}#InfoBox #EBox #Event .header{font-weight:700;color:#9b59b6}@media screen and (max-width:768px){#InfoBox #EBox{font-size:20px;margin-bottom:30px;margin-right:30px;margin-left:30px}}@media screen and (max-width:420px){#InfoBox #EBox{font-size:10px;margin-bottom:30px;margin-right:10px;margin-left:10px}}#NotificationBox{text-align:center;padding-top:30px;margin:0 auto}#NotificationBox label{color:#9b59b6;font-family:helvetica;font-weight:200}#NotificationBox #NBox{vertical-align:top;max-width:800px;margin-top:20px;margin:0 auto;min-height:30px;border:2px solid #9b59b6;border-radius:20px;background-color:white;padding:20px;text-align:left;position:relative;box-shadow:4px 4px 4px 4px #999}#NotificationBox #NBox p{display:inline-block;font-family:helvetica;font-weight:200}#NotificationBox #NBox button{margin-left:10px;height:30px;width:30px;border-radius:50%;border-bottom:none;border-left:none;border-right:none;border-top:none;box-shadow:2px 2px 2px 2px #999;color:white;background-color:#9b59b6;float:right;outline:none}@media screen and (max-width:768px){#NotificationBox #NBox button{padding:0;margin-bottom:10px}}@media screen and (max-width:420px){#NotificationBox #NBox p{font-size:10px}#NotificationBox #NBox button{float:none;padding:0;margin-bottom:10px}}@media screen and (max-width:768px){#NBox div{border-bottom:1px solid rgba(192,192,192,.35)}#NotificationBox{margin-right:30px;margin-left:30px}}@media screen and (max-width:420px){#NBox div{border-bottom:1px solid rgba(192,192,192,.35)}#NotificationBox{margin-right:15px;margin-left:15px}}#SittersBox{background-color:#ecf0f1;border-top:1px solid #dedfdf;padding-top:30px}#SittersBox #SitterConfirm{position:fixed;width:250px;border:2px solid #9b59b6;border-radius:20px;left:50%;top:30%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-color:#aea8d3;text-align:center;font-family:helvetica;font-weight:200;box-shadow:4px 4px 4px 4px #999;color:white;padding:15px}@media screen and (max-width:420px){#SittersBox #SitterConfirm{font-size:15px;top:50%}}#SittersBox #ListOfSitters{text-align:center;margin:0 auto;max-width:800px}#SittersBox #ListOfSitters label{color:#9b59b6;font-family:helvetica;font-weight:200}#SittersBox #ListOfSitters #ListBox{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:10px;margin-top:20px;min-height:60px;border:2px solid #9b59b6;border-radius:20px;background-color:white;text-align:left;overflow:auto;vertical-align:top;box-shadow:5px 5px 5px 5px #999}#SittersBox #ListOfSitters #ListBox #Sitter{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}#SittersBox #ListOfSitters #ListBox #Sitter p,#SittersBox #ListOfSitters #ListBox #Sitter a{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-family:helvetica;font-weight:200;text-indent:4px;font-size:16px;display:inline-block;margin:0 auto;border-bottom:1px solid rgba(192,192,192,.35)}@media screen and (max-width:420px){#SittersBox #ListOfSitters #ListBox #Sitter p,#SittersBox #ListOfSitters #ListBox #Sitter a{font-size:10px}}#SittersBox #ListOfSitters #ListBox #Sitter .address{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}#SittersBox #ListOfSitters #ListBox #Sitter .header{font-weight:700;color:#9b59b6}@media screen and (max-width:768px){#SittersBox #ListOfSitters #ListBox{margin-left:30px;margin-right:30px}}@media screen and (max-width:420px){#SittersBox #ListOfSitters #ListBox{margin-left:7px;margin-right:7px}}#SittersBox #AddSitter{margin:0 auto;text-align:center;overflow:auto;vertical-align:top;max-width:300px;margin-top:40px;padding-bottom:15px}#SittersBox #AddSitter label{color:#9b59b6;font-family:helvetica;font-weight:200}#SittersBox #AddSitter input{margin:0 auto;display:block;margin-top:15px;font-family:helvetica;font-weight:200;border:2px solid #9b59b6;box-shadow:5px 5px 5px 5px #999;outline:none;width:255px}#SittersBox #AddSitter ::-webkit-input-placeholder{font-size:15.5px}.search{padding:6px 15px 6px 30px}.rounded{border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px}#ProfileForm{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;margin:0 auto;max-width:450px;border:2px solid #9b59b6;margin-top:50px;padding-top:20px;padding-bottom:20px;background-color:white;border-radius:20px;box-shadow:4px 4px 4px 4px #999}#ProfileForm button{margin:0 auto;margin-top:20px;display:block;width:140px;font-weight:200;background-color:#9b59b6;border-radius:20px;font-family:helvetica;color:#ecf0f1;border-bottom:none;border-left:none;border-right:none;border-top:none;box-shadow:2px 2px 2px 2px #999;outline:none}#ProfileForm div{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;max-width:350px;font-family:helvetica;font-weight:200;margin-left:20px}#ProfileForm div p{-webkit-box-flex:3;-webkit-flex:3;-ms-flex:3;flex:3;border:2px solid #9b59b6;border-radius:10px;margin-left:20px;padding:1px;padding-left:3px;background-color:#ecf0f1}#ProfileForm div label{-webkit-box-flex:2;-webkit-flex:2;-ms-flex:2;flex:2;color:#9b59b6}@media screen and (max-width:420px){#ProfileForm{font-size:10px;margin-left:20px;margin-right:20px}#ProfileForm div p{margin-right:15px}}#MapBox{border:2px solid purple;width:500px;height:500px;margin:0 auto;margin-top:100px;margin-bottom:100px}@media screen and (max-width:420px){#MapBox{width:300px;height:300px}}#marker{padding-left:10px}#SittersBox #ListOfSitters #ListBox #Sitter p,#SittersBox #ListOfSitters #ListBox #Sitter a{text-indent:0}