h1{font-weight:bold;color:#fff;font-size:12px;font-family:'roboto light'}@font-face{font-family:'roboto light';src:url('https://f.hubspotusercontent10.net/hubfs/6991815/Roboto%20Light.ttf') format('truetype')}@media all and (max-device-width:800px){div{width:auto;margin-left:auto;margin-right:auto}img{width:100%}}@media screen and (max-device-width:800px){#phone{display:none}.phone{background-color:#fff}}@media screen and (min-device-width:900px){#note{display:none}@media screen and (min-device-width:1900px){#mon{display:none}.note{display:flex;flex-direction:row;justify-content:space-evenly;align-items:center;font-size:16px}}.pan{width:600px;height:500px}.bot1{position:relative;top:80%;left:30%;font-family:roboto;font-size:18px;background:#f79331;color:white;padding:5px;border-radius:5px;border:solid;border-color:#f93;display:block;width:200px;height:60px}.bot1:hover{background-color:#f93;color:#666}.bot1:active{background-color:#f93}.bot2{font-family:roboto;font-size:16px;text-decoration:none;background:#fff;color:#666;padding:5px;border-radius:5px;border:solid;border-color:#ccc;border-width:1px;display:table-cell;vertical-align:middle;text-align:center;width:100px;height:50px}.bot2:hover{background-color:#fff;color:#ccc}.bot2:active{background-color:#fff}body{font-family:roboto}