div{border:0 dotted red}body,html{border:0;font-family:Noto Sans;font-size:100%;margin:0}body{background-color:#f4f4f4}.bgcolor{background-color:#fff}#topbar{box-sizing:border-box;display:flex;height:50px;padding:5px;position:fixed;top:0;width:100%;z-index:20}#topbar DIV:first-child{flex:0 0 80%;font-family:Roboto Slab;font-size:2em;visibility:hidden}#topbar DIV:last-child{flex:0 0 20%;font-size:1.5em;text-align:right}#topbar DIV.inlineinout{display:block;position:absolute;right:10px;top:15px}#top{border:0 solid red;color:#fff;height:auto}#top #lefttop{background-image:url(../images/html.jpg);background-position:-100px 0;background-size:cover;border:0 solid green;box-sizing:border-box;display:none;height:100%;top:0;vertical-align:top;width:20%}#top #righttop{box-sizing:border-box;display:block;margin-left:auto;margin-right:auto;padding-top:40px;width:90%}#topmiddle{align-items:center;border:0 solid blue;display:flex;flex-direction:column;height:100%;justify-content:center;text-align:center;width:100%}#topmiddle DIV{color:#000;font-size:7vw;font-weight:700;height:auto;width:100%}#imagetop{max-width:450px;width:80%}#topbottom{background-color:#fff;border:0 solid #000;bottom:0;color:#000;font-size:2em;height:auto;left:calc(50% - 50px);position:absolute;text-align:center;width:100px}#topmiddle DIV:nth-child(2){box-sizing:border-box;color:#000;font-size:3.5vw;line-height:4vw;padding:10px;text-align:center;width:100%}#philosophy{background-color:#4d94ff;color:#fff;padding:20px 0 120px}#philosophy #philtext{margin-left:5%;text-align:center;width:90%}.sectiontitle{display:block;font-family:Roboto Slab;font-size:6vw;margin-bottom:20px;text-align:center}#header{background-color:blue;height:auto;height:100%;left:0;padding:6em 3em 3em;position:fixed;text-align:right;top:0;width:25%}#features{padding-bottom:120px}#feabody{vertical-align:top}#feabodylt{margin-left:2%;margin-right:2%;width:46%}#feabodylt,#feabodyrt{box-sizing:border-box;display:inline-block;text-align:right}#feabodyrt{background-color:#000;box-sizing:border-box;color:#fff;margin-left:2%;margin-right:2%;padding:5px;text-align:center;vertical-align:top;width:46%}#pricing{background-color:#4d94ff;color:#fff;padding-bottom:120px}#current{height:50%}#contact{background-color:#4d94ff;color:#fff;padding-bottom:120px}.gentext{font-family:Libre Franklin;font-size:2.5vw;line-height:5vw;text-align:center}.money{font-family:Heebo}.splitbox1{box-sizing:border-box;display:inline-block;width:50%}#moneyboxes{text-align:center}#money,#money2,#money3{background-color:#2c5bf6;padding:5px}.splitbox2{box-sizing:border-box;display:inline-block;width:50%}#contactarea{margin-top:10px;text-align:center}#contactarea DIV{padding:5px 0}#contactarea DIV INPUT{margin:0 auto;width:250px}@media screen and (max-width:650px){#feabodylt,#feabodyrt{margin-left:2%;margin-right:2%;text-align:center;width:96%}.sectiontitle{font-family:Roboto Slab;font-size:9vw}.gentext{font-size:6vw;line-height:8.5vw}#top #righttop{display:block;height:60%;width:100%}#top #lefttop{background-position:0 0;background-size:cover;display:none;height:20%;margin-top:10%;width:100%}#philosophy #philrt{width:100%}#philosophy #philrt UL LI{text-align:center}#topbar{display:flex;height:40px}#topbar DIV:first-child{font-size:1.5em;width:80%}#topbar #signin{font-size:.8em;top:10px}#topmiddle DIV:first-child{font-size:10vw;font-weight:700;height:auto;text-align:center}#topmiddle DIV:nth-child(2){background-size:125% 125%}#topmiddle DIV:nth-child(3){font-size:7vw;line-height:10vw;text-align:center;width:100%}#topbottom{bottom:20px;font-size:.8em;line-height:20px}#topbottom,#topbottom:after{height:20px}}