.back-to-top{display:none;position:fixed;right:30px;bottom:30px;z-index:99}nav .navbar-nav{margin-left:auto}nav img{height:40px}nav h1{color:#2460ab;font-size:30px;display:inline;margin-left:6px}nav .nav-link{font-size:18px}.page-header-xoh{padding-top:24vh;background-image:url(img/header.jpg?2);background-repeat:no-repeat;background-size:cover;background-position:100%;height:100vh}.page-header-xoh .teks{width:500px}.text-authorized{font-size:30px;font-weight:600;color:#2460ab;margin-top:0;margin-bottom:40px}.contact-us{z-index:9999;position:fixed;bottom:20px;left:10px;transition:bottom .3s ease-in-out}.contact-us img{width:140px}.contact-us:hover{bottom:25px}.img:hover{cursor:zoom-in}@media only screen and (max-width:1024px){.page-header-xoh{padding-top:16vh;padding-bottom:0;background-image:url(img/header_hp.jpg?1);background-position:50% -180px;height:auto;text-align:center}.page-header-xoh .teks{width:100%}.text-authorized{height:440px}}@media only screen and (max-width:960px){.page-header-xoh{text-align:center;padding-top:16vh;padding-bottom:0;background-image:url(img/header_hp.jpg?1);background-position:50% -140px;height:auto}.text-authorized{text-align:center;height:380px}}@media only screen and (max-width:860px){.page-header-xoh{background-position:50% -80px}}@media only screen and (max-width:760px){nav .navbar-nav{text-align:right}nav img{margin-top:0;height:30px}nav h1{font-size:18px;margin-left:5px;margin-right:5px}.back-to-top{right:10px;bottom:10px}.page-header-xoh{text-align:center;padding-top:120px;padding-bottom:0;background-image:url(img/header_hp.jpg?1?<?= time() ?>); background-position:center -40px; height:auto; } .text-authorized { display:block; color:#2460AB; font-size:30px; font-weight:600; text-align:center; margin-top:0; margin-left:auto; height:340px; } .contact-us { bottom:15px; left:15px; } .contact-us img { width:100px; } } @media only screen and (max-width:640px) { .page-header-xoh { background-position:center 10px; height:auto; } .text-authorized { height:340px; } } @media only screen and (max-width:630px) { .page-header-xoh { background-position:center 10px; height:auto; } .text-authorized { height:320px; } } @media only screen and (max-width:500px) { .page-header-xoh { background-position:center 50px; height:auto; } .text-authorized { height:260px; } } @media only screen and (max-width:400px) { nav .navbar-nav { text-align:right; } nav img { margin-top:0; height:30px; } nav h1 { font-size:18px; margin-left:5px; margin-right:5px; } .back-to-top { right:10px; bottom:10px; } .page-header-xoh { text-align:center; padding-top:120px; padding-bottom:0; background-image:url(img/header_hp.jpg?1); background-position:center 40px; height:100vh; } .text-authorized { display:block; color:#2460AB; font-size:30px; font-weight:600; text-align:center; margin-top:0; margin-left:auto; height:240px; } .contact-us { bottom:15px; left:15px; } .contact-us img { width:100px; } }}}