#notebook-section{align-content:center;height:90vh;justify-content:space-between}.att-cta-position{padding-top:30px}.video-hide{display:none}#left-column-notebook{justify-content:center;width:40%}#notebook-info-text{height:auto;width:auto}#notebook-info-text h3{color:var(--charcoal-grey)!important;font-family:nexa_blackregular,sans-serif;font-size:1.5em;font-weight:400;line-height:60px;margin:0}#notebook-ul{color:#9e9e9e;list-style-type:none;margin-bottom:0;margin-top:25px;padding:0}#notebook-ul li{cursor:pointer;font-family:Lato,sans-serif;font-size:18px;line-height:30px;position:relative}li.item-active span>span{color:var(--charcoal-grey)!important;font-weight:700!important;opacity:1!important}.arrow-right{background-image:url(https://cdn2.hubspot.net/hubfs/4124978/AllThingsTalk%20March2018/Maker/assets/arrow_forward_orange.svg);background-repeat:no-repeat;background-size:30px 30px;display:inline-block;height:30px;margin-left:-34px!important;margin-top:-10px!important;width:30px}.li-item{bottom:6px;position:relative}.li-item div{display:inline-block!important;width:85%}.hide{visibility:hidden}#right-column-notebook{position:relative;width:60%}#notebook-left-div{height:100%;width:20%}#notebook-right-div{background-image:url(https://cdn2.hubspot.net/hubfs/4124978/AllThingsTalk%20March2018/Maker/assets/last-part-shape.svg);background-position:100%;background-repeat:no-repeat;background-size:contain;height:100%;width:80%}.video-position{height:0;padding-bottom:67.5%;padding-top:25px;position:relative;right:25%;top:25%}.video-position video{background:url(https://cdn2.hubspot.net/hubfs/4124978/AllThingsTalk%20March2018/Maker/assets/notebook-placeholder.png) 50% no-repeat;background-size:contain;box-sizing:border-box;height:90%;left:0;padding:3.9% 5.7% 7%;position:absolute;top:0;width:90%}@media(min-width:1200px) and (max-width:1400px){#notebook-info-text{bottom:10%;left:25%;position:relative}#notebook-info-text h3{color:#414040;font-family:nexa_blackregular,sans-serif;font-size:1.5em;font-weight:400;line-height:50px;margin:0}#notebook-ul li{cursor:pointer;font-family:Lato,sans-serif;font-size:18px;line-height:30px;position:relative}}@media(min-width:1400px) and (max-width:1600px){#notebook-info-text{bottom:8%;left:25%;position:relative}}@media(min-width:1600px) and (max-width:2000px){#notebook-info-text{bottom:10%;left:25%;position:relative}}@media(min-width:2300px){#notebook-info-text{bottom:14%;left:30%;position:relative}#notebook-info-text h3{color:#414040;font-family:nexa_blackregular,sans-serif;font-size:2.5em;font-weight:400;line-height:70px;margin:2% 0 0}#notebook-ul li{cursor:pointer;font-family:Lato,sans-serif;font-size:24px;line-height:40px;position:relative}}@media screen and (max-width:576px){.flex-column-notebook{display:flex;flex-direction:column;overflow:hidden}.li-item div{line-height:30px}.video-position video{left:-1%;width:93%}#right-column-notebook{height:50%;margin-top:0;position:relative;top:120px;width:100%;z-index:1}#left-column-notebook{height:50%;padding-top:25%;width:100%;z-index:2}.att-title-notebook h1{line-height:38px!important;width:300px!important}.text-align-right h3{color:var(--charcoal-grey)!important;font-size:18px;width:305px}#notebook-ul{margin-top:0}#notebook-ul li{font-size:18px;line-height:24px}#notebook-right-div{background-size:80%;height:80%;position:relative;top:-45px;width:100%}#notebook-left-div{width:0}.video-position{right:-5%;top:18%}#notebook-section{height:130vh}.text-align-right ul li{width:270px}}@media screen and (min-width:577px) and (max-width:767.98px){.video-position video{left:60px;width:100%}.att-title-notebook h1{font-size:2.2em;line-height:34px;padding-bottom:15px;width:312px}.text-align-right h3{bottom:11px;font-size:19px;margin-bottom:0!important;padding-top:4px;position:relative;width:300px}#notebook-ul li{font-size:14px;line-height:25px}#notebook-ul{margin-top:0}.li-item div{line-height:30px}#notebook-section{margin-top:25px}}@media(max-width:320px){.att-title-notebook h1{line-height:29px!important}#notebook-right-div{margin-top:10%}}@media screen and (min-width:768px) and (max-width:992px){.video-position video{left:20%}.text-align-right h3{font-size:1em;width:300px}#notebook-ul li{font-size:15px;font-size:14px;line-height:24px}.li-item div{line-height:30px}}@media screen and (min-width:577px) and (max-width:640px){.att-title-notebook h1{font-size:2em;line-height:28px}.text-align-right h3{font-size:14px}.li-item div{line-height:25px}#notebook-section{margin-top:15%}}@media only screen and (device-width:568px) and (device-height:320px){.att-title-network{margin-top:0}.flex-column-notebook{flex-direction:row}#left-column-notebook{height:100%;padding-top:0;width:50%}#right-column-notebook{height:100%;width:50%}.att-title-notebook h1{font-size:1.8em!important;line-height:26px!important}.text-align-right h3{font-size:14px}.video-position video{height:90%;left:-23px;top:18px;width:99%}#notebook-ul li,.li-item div{line-height:22px}#notebook-ul li{font-size:14px}#right-column-notebook{margin-top:32px}}@media only screen and (device-width:375px) and (device-height:812px) and (-webkit-device-pixel-ratio:3){#left-column-notebook{margin-top:40px;padding-top:0}#right-column-notebook{top:0}}@media screen and (min-width:768px) and (orientation:portrait){#notebook-section{height:60vh}.video-position video{height:99%;top:25%;width:99%}.li-item div{line-height:25px}.att-title h1{line-height:36px}a#cta_button_4124978_4f823fc8-f1c4-4a92-9988-f9f570e9e96a{border-width:1px;bottom:15px;position:relative}}@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){.video-position{right:22%}.video-position video{height:100%;width:100%}.att-title-black h1{width:370px}.text-align-right h3{font-size:1.2rem;width:300px}#notebook-ul li{font-size:16px}a#cta_button_4124978_4f823fc8-f1c4-4a92-9988-f9f570e9e96a{bottom:25px;font-size:16px;position:relative}}@media only screen and (min-width:1024px) and (max-height:1366px) and (orientation:portrait) and (-webkit-min-device-pixel-ratio:1.5){.att-title-notebook h1{line-height:42px;width:365px}.text-align-right h3{color:var(--charcoal-grey)!important;font-size:1.15rem!important}.video-position{right:10%}.video-position video{height:99%;top:20%;width:99%}}