.content .main-container{padding-top:0}.content .main-container a{font-family:"LatoBlack","Arial","Helvetica",sans-serif}.content .main-container a:hover,.content .main-container a:focus{text-decoration:none}.page-header{margin:0;padding:0;text-align:center;height:580px;border:none;background:url("/Content/images/developers-guide/time-to-become-programmer/header-bg.jpg") no-repeat;background-size:cover;background-position:center}.page-header .left-half{margin-top:55px}.page-header .right-half{margin-top:100px}.page-header .right-half .baloon-info{margin:45px 10px}.page-header .baloon-info{margin:20px 10px;padding:20px;font-size:22px;border-radius:28px;color:#fff;background-color:rgba(35,68,101,.83)}.page-header div:first-of-type .baloon-info:after,.page-header div:nth-child(3) .baloon-info:before{content:"";font-family:FontAwesome;font-size:72px;position:absolute;color:rgba(255,255,255,.7)}.page-header div:first-of-type .baloon-info:after{right:-80px;margin-top:-60px}.page-header div:nth-child(3) .baloon-info:before{left:-80px;margin-top:-20px}.page-header .connection i{font-size:70px;color:#ffa000}.page-header .connection .point{position:relative;top:-25px;width:25px;height:25px;margin:50px auto;border-radius:50%;background-color:#fff}.page-header .connection .point:after{content:"";position:absolute;top:0;left:10px;width:5px;height:75px;background-color:rgba(255,255,255,.7)}.page-header .connection .first-point:before{content:"";position:absolute;top:-30px;left:10px;width:5px;height:30px;background-color:rgba(255,255,255,.7)}.page-header .connection .point:last-child:after{content:"";position:absolute;top:0;left:10px;width:5px;height:180px;background-color:rgba(255,255,255,.7)}.page-header .apply-button-container a{font-size:30px;padding:10px 22px;border-radius:28px}strong{color:#ffa000}.section{position:relative;padding:0;margin-top:50px;font-size:20px;border-radius:28px;border:15px solid #234465;background-color:#234465}.section h3{margin:0;padding:5px 0 20px 0;font-size:34px;text-align:center;color:#fff}.section div{margin:0;padding:25px 35px;color:#656565;background-color:#fff}.section.beginners img{position:relative;top:50px;right:-50px;float:right}.section.basic img{position:absolute;top:-100px;left:-50px}.section.basic div{padding-left:100px}.section.basic div,.section.beginners div{border-bottom-left-radius:25px;border-bottom-right-radius:25px}.section.summary{border:none;background-color:transparent}.section.summary div{padding:25px}.section.summary img{position:relative;top:20px;left:30px;margin:0 40px 20px 0}@media only screen and (min-width:1200px) and (max-width:1367px){.page-header .baloon-info{padding:18px 20px;margin:45px 10px}.page-header .left-half .baloon-info{margin-top:30px;margin-bottom:0}.page-header .left-half .baloon-info:nth-child(2){margin-top:15px}.page-header .right-half .baloon-info{margin-top:35px;margin-bottom:20px}.page-header .right-half .baloon-info:before{margin-top:15px!important}.page-header .right-half .baloon-info:nth-child(1){margin-bottom:70px}.page-header .connection .point{margin:60px auto}.page-header .connection .point:after{height:90px}.page-header .connection .point:last-child:after{height:160px}.page-header .connection .first-point:before{top:-40px;height:40px}}@media only screen and (max-width:1199px){.page-header .baloon-info{font-size:18px}.page-header .right-half .baloon-info{margin:60px 10px;margin-bottom:30px}.page-header div.right-half .baloon-info:before{margin-top:-35px;left:-55px}.page-header div.left-half .baloon-info:after{right:-55px}}@media only screen and (min-width:1164px) and (max-width:1199px){.page-header div.left-half .baloon-info:first-of-type{margin-bottom:45px}}@media only screen and (max-width:991px){.page-header div:first-of-type .baloon-info:after,.page-header div:nth-child(3) .baloon-info:before{display:none}.page-header .left-half .baloon-info,.page-header .right-half .baloon-info{margin:20px 15px}.page-header .left-half,.page-header .right-half,.page-header .baloon-info{margin-top:0}.page-header .left-half{padding-top:20px}.section.beginners img{top:-15px}}@media only screen and (max-width:776px){.page-header .left-half .baloon-info,.page-header .right-half .baloon-info{font-size:16px}.page-header .apply-button-container a{font-size:20px;padding:6px 15px}.section.basic div{padding:25px 35px}.section.basic img{display:none}}@media only screen and (max-width:500px){.section.summary img{float:none!important;display:block;margin:0 auto;left:0}}@media only screen and (max-width:460px){.page-header .left-half .baloon-info,.page-header .right-half .baloon-info{margin:15px 0;padding:10px}.section.basic div,.section.beginners div,.section.summary div{text-align:center}.section.beginners img{display:none}}.developers-guide-navigation a{font-size:16px}.developers-guide-navigation a.back{float:left}.developers-guide-navigation a.forward{float:right}.developers-guide-navigation .non-active{background-color:#ccc;cursor:default}.developers-guide-navigation .non-active:hover{background-color:#ccc}