@font-face{font-family:Butler;font-weight:700;src:url("{{ asset('font/Butler-Bold.woff') }}")}@font-face{font-family:Butler;font-weight:400;src:url("{{ asset('font/Butler.woff') }}")}:root{--jut-blue: #4A86A8;--jut-dark-blue: #0B648A;--jut-orange: #FC990B;--jut-yellow: #F4F44D}body{max-width:1800px;width:100%;margin:0 auto}*{font-family:"Roboto",Sans-serif;color:var(--jut-dark-blue)}p{font-size:21px;font-weight:400;line-height:37px}.font-orange{color:var(--jut-orange)}.small-column{max-width:1240px;margin:0 auto;padding:0 20px}header{position:relative;height:130px;padding-top:67px!important}header>img{width:auto;height:100%}nav{position:absolute;right:0;bottom:0}nav #mob-menu{display:none}nav ul{list-style-type:none;margin:0}nav li{display:inline;margin-right:26px}nav li>a{text-decoration:none;color:var(--jut-blue)}nav li:first-child>a{color:#2f595a}nav li>a:hover{color:var(--jut-orange)}#banner{width:100%;height:auto;margin-top:-88px}h1,h1>span{margin:0;font-family:Butler;font-size:50px;font-weight:700;color:var(--jut-dark-blue)}h2{margin:36px 0 0;font-family:Butler;font-size:40px;font-weight:600;color:var(--jut-blue)}p{margin:20px 0}img{max-width:100%;height:auto}.split-content{display:grid;grid-template-columns:1fr 1fr;gap:max(50px,5%)}.split-content img{width:100%;height:auto;-o-object-fit:cover;object-fit:cover}.quote{padding:80px 0}.quote p{font-family:Butler;font-weight:700;font-size:36px;line-height:52px;text-align:center;color:var(--jut-blue)}#over-mij{margin:-5px 0 125px;padding:100px;background-color:var(--jut-blue)}#over-mij *{text-align:center;color:#fff}#over-mij h1{color:var(--jut-yellow)}#over-mij .single-quote{margin:50px 0 0;font-family:Times New Roman,Times,serif;font-size:130px;line-height:75px;color:var(--jut-orange)}#over-mij .quote-2 p{margin:0 auto;padding:0;max-width:690px;font-family:Butler;font-weight:700;font-size:36px;line-height:45px}#over-mij .text{max-width:1100px;margin:20px auto}#circles{display:flex;justify-content:space-around;margin:150px 0;rotate:0;transition-duration:1.2s}.circle{width:285px;height:285px;border-radius:50%;overflow:hidden;opacity:1;transform:translate(0);transition-duration:1.2s}.circle img{width:100%;height:auto;-o-object-fit:cover;object-fit:cover;rotate:0;transition-duration:1.2s}.passive.circle{opacity:0;transform:translate(-100%);transition-duration:1.2s}.passive.circle img{rotate:-90deg;transition-duration:1.2s}footer{background-color:var(--jut-dark-blue);margin-top:150px;padding:100px 0}footer h1{color:var(--jut-yellow)}footer p,footer a{margin:17px 0;color:#fff;font-size:17px;line-height:20px}footer a{text-decoration:none}footer svg{display:inline;width:auto;height:22px;fill:var(--jut-yellow)}footer #widgets{display:flex;justify-content:space-between;flex-wrap:wrap;flex-direction:row;padding-top:150px}footer .widget{margin-top:auto}footer .widget p:last-child{margin-bottom:0}footer img.logo{width:110px;height:auto}footer .socials{display:grid;grid-template-columns:1fr 1fr;gap:20px}footer form{width:666px;max-width:100%}footer form .error{display:block;font-size:20px;color:red}footer form .split{display:grid;grid-template-columns:200px calc(100% - 210px);gap:10px}footer form input,footer form textarea,footer form label{width:100%;height:40px;margin:0;padding:0 8px;box-sizing:border-box;font-size:18px;font-family:"Roboto",Sans-serif}footer form>input[type=text]{display:none}footer form textarea{margin:20px 0 10px;height:100px}footer form label{padding:0;font-size:12px;color:#fff}footer form>input[type=submit]{border-radius:2px;border:none;cursor:pointer;background-color:var(--jut-orange);font-size:15px;font-weight:700;color:#fff}@media (max-width: 1120px){#banner{margin-top:0}#circles .circle{width:29vw;height:29vw}}@media (max-width: 660px){header{height:15vw}.split-content{display:block}#judith-1{width:100vw;height:600px;margin-left:-20px;overflow:hidden}#judith-1 img{margin-top:-44%}#over-mij{padding:75px 12px}}@media (max-width: 540px){header{padding:10px 10px 20px!important}nav{top:10px;right:20px;bottom:auto}nav #mob-menu{display:block}nav #mob-menu svg{float:right}nav ul{display:none}nav.open ul{display:block;position:absolute;top:50px;right:0;z-index:1;background-color:#fff}nav.open li{display:block;margin:18px 0}#circles{display:block;margin:50px 0;padding:20px 0}#circles .circle{width:80vw;height:80vw;margin:12px auto}footer #widgets{display:block}footer .widget{width:130px;margin:20px auto}footer .widget p{margin:5px 0}footer .socials{display:block}footer .socials svg{margin-right:4px}}@media (max-width: 450px){footer form .split{display:block}footer form textarea{height:160px}}*>svg.edit{display:none}*:hover>svg.edit{display:inline}.edit{cursor:pointer}#login,#editor{position:fixed;top:50%;left:50%;z-index:1;transform:translate(-50%,-50%);width:100%;border:1px solid grey;padding:12px;background-color:#fff}#login{max-width:250px}#editor{max-width:500px}#login input,#editor input{width:100%;height:50px;font-size:20px}#editor textarea{width:100%;height:350px;box-sizing:border-box}#login input[type=text],#login input[type=password],#editor input[type=text]{margin-bottom:8px}#login input[type=submit],#editor input[type=button]{color:#fff;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit;background-color:#4a86a8}#login img{display:block;width:100px;height:auto;margin:12px auto 24px}
