html,body{font-family:14px 'Montserrat', sans-serif;overflow-x:hidden;-webkit-overflow-scrolling:touch}body *{box-sizing:border-box;font-family:'Montserrat', sans-serif;color:#212121;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}a{color:#00B7FF}a.no-style{text-decoration:none}.center{text-align:center}#header{position:relative;left:0;right:0;width:100%;background:url("/images/suggestion-sam-hero.png");background-size:cover;height:100vh}#header .logo-container{display:-webkit-box;display:-ms-flexbox;display:flex}#header .logo-container .suggestion-sam{height:70px;width:70px;background:#faf0bc;border-radius:50%;background-image:url(/images/suggestion-sam.png);background-position:43% 16%;background-size:180px;background-repeat:no-repeat;margin:0.37em 0.67em 0px 0.67em}#header .logo-container h1.logo{margin-left:.5em;color:#ecbc5c;font-size:42px;margin:0.37em 0}#header .hero{position:absolute;top:30vh;left:5vw;width:18rem}#header .hero .description{color:#7ab3ab}#header .actions{position:absolute;bottom:4vh;right:10vw}#header .scroll-down{text-align:center;position:absolute;bottom:1vh;left:0;right:0}#header .scroll-down a.floating{display:block;-webkit-animation-name:floating;animation-name:floating;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}#header .scroll-down a.floating span.icon{font-size:2em}#content{position:relative;padding:1rem}#content .headline{color:#ecbc5c}#content .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;padding-bottom:50px;padding-right:20px;margin-bottom:50px}#content .container.border-bottom{border-bottom:1px solid #eee}#content .container .left{padding-left:40px;padding-right:20px;width:45%;-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}#content .container .left .title{font-size:20px;font-weight:200}#content .container .right{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center;text-align:center;width:55%}#content .container .right .image-container{width:100%;height:100%;padding:20px;border-radius:10px;border:2px solid #f4f4f4}#content .container .right .image-container .screen{height:100%;background-size:contain !important;background-repeat:no-repeat !important}#content .container .right .image-container .screen.screen-1{background:url("/images/screen-1.png");padding-bottom:94%}#content .container .right .image-container .screen.screen-2{background:url("/images/screen-2.png");padding-bottom:66%}#footer{width:100%;text-align:center;height:20vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-image:url(/images/grass-bg.png);background-repeat:repeat-x;background-position:0px;position:relative}#footer.no-bg{background-image:none;height:0}#footer .copy{position:absolute;bottom:1vh}.flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;height:10%}.menu .menu-button{text-decoration:none;color:#212121;border:1px solid #cdcdcd;margin:.5rem;border-radius:9px;background:#fdfdfd;min-width:5rem;display:inline-block;text-align:center;min-height:40px;line-height:40px;font-size:14px}.menu .menu-button.cta{padding:.25rem .5rem}.menu .menu-button:hover .slacklogo{-webkit-animation:spin .5s linear;animation:spin .5s linear}.slacklogo{background:url("/images/slack-hashtag.png");background-size:contain;display:inline-block;height:25px;width:25px;position:relative;top:7px}.slacktext{margin-left:5px}.bold{font-weight:bold}.no-margin{margin:0}#success{position:absolute;top:15vh;right:1vw;padding:1em;width:100%;max-width:500px}#success .title{color:#7ab3ab}#suggestions{position:absolute;top:15vh;right:1vw;padding:1em;width:100%;max-width:500px}#suggestions .title{color:#7ab3ab}#suggestions .field{font-family:'Montserrat', sans-serif;display:block;border-radius:6px;border:0;padding:5px 8px;width:100%;margin-bottom:1em;background:none repeat scroll 0 0 rgba(255,255,255,0.65);-webkit-transition:background-color 0.2s ease 0s;transition:background-color 0.2s ease 0s}#suggestions .field:focus{background:none repeat scroll 0 0 #FFFFFF;outline-width:0}#suggestions #suggestion-box{font-family:'Montserrat', sans-serif;width:100%;height:100px;background:none repeat scroll 0 0 rgba(255,255,255,0.65);border-radius:6px;color:#555555;font-size:1em;line-height:1.4em;padding:5px 8px;border:none;-webkit-transition:background-color 0.2s ease 0s;transition:background-color 0.2s ease 0s;resize:none}#suggestions #suggestion-box:focus{background:none repeat scroll 0 0 #FFFFFF;outline-width:0}#suggestions .character-count{display:block;text-align:right}#suggestions .character-count .char-count,#suggestions .character-count .char-max{display:inline}#suggestions .form-submit{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}#suggestions .form-submit .submit{font-family:'Montserrat', sans-serif;text-decoration:none;color:#212121;border:1px solid #cdcdcd;margin:.5rem 0;border-radius:9px;background:#fdfdfd;min-width:6rem;display:inline-block;text-align:center;min-height:40px;line-height:40px;font-size:14px;cursor:pointer}#suggestions .form-submit .submit:focus{outline:none}@-webkit-keyframes spin{from{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes floating{from{-webkit-transform:translate(0, 0px)}65%{-webkit-transform:translate(0, 10px)}to{-webkit-transform:translate(0, 0px)}}@keyframes floating{from{-webkit-transform:translate(0, 0px);transform:translate(0, 0px)}65%{-webkit-transform:translate(0, 10px);transform:translate(0, 10px)}to{-webkit-transform:translate(0, 0px);transform:translate(0, 0px)}}@media (max-width: 840px){#header .menu{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}}@media (max-width: 767px){#content .container{padding-bottom:0;padding-right:0}#content .container .left,#content .container .right{width:100%}#content .container .left .title{text-align:center;font-size:1.2em}#content .container .right{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}}@media (max-width: 767px){#header .menu{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}#header .menu .menu-button{margin:.25rem}#header .menu .main-cta{display:none}#header .hero{top:20vh}#header .actions{top:40vh;left:4vw;right:initial;bottom:initial}}@media (max-width: 500px){#header .logo-container h1.logo{font-size:2em}#suggestions{right:initial}}