@media only screen and (max-width: 749px){*{margin:0;padding:0;box-sizing:border-box;font:inherit}h1,h2,h3,h4,h5,h6{font-family:Segoe UI,Arial,sans-serif;font-weight:400;margin:10px 0}p{font-family:sans-serif;font-size:1.1em;line-height:1.5;text-align:center}i,em{font-style:italic}b,strong{font-weight:bolder}.login-card *{display:none}.not-available-for-mobile{display:block}body{width:100vw;max-width:100vw;position:absolute;flex-flow:column wrap;overflow-y:auto;overflow-x:hidden;box-sizing:border-box}body h1{font-size:2.5em;text-align:center}body h2{font-size:2.2em;text-align:center}body h3{font-size:2em;text-align:center}body button{width:100%;border:none;padding:15px;margin:20px 0;border-radius:5px;background-color:#a4a4a4;font-weight:700}body header{box-sizing:border-box;padding:1em 2em 0;display:flex;max-width:100%;flex-wrap:wrap}body header .logo-container{width:75%;box-sizing:border-box;display:flex;flex-direction:row;align-items:center;justify-content:space-between}body header .logo-container .desktop{display:none}body header .logo-container a img{width:50px;height:auto}body header .nav-mobile--button{font-family:sans-serif;width:25%;background-color:transparent;border:black solid 1px}body header .overlay{height:0%;width:100%;position:fixed;z-index:1;top:0;left:0;right:0;background-color:#f0f8ff;overflow-y:auto;transition:.5s}body header .overlay .closebtn{position:absolute;background-color:transparent;width:auto;z-index:1;right:0;padding-right:.5em;font-size:60px}body header .overlay .nav-mobile{position:relative;width:100%;text-align:center;margin-top:30px;display:flex;flex-direction:column;align-items:center}body header .overlay .nav-mobile .lang ul{list-style-type:none;display:flex;flex-direction:row;margin-bottom:1em}body header .overlay .nav-mobile .accordion{background-color:transparent;cursor:pointer;width:100%;border:none;text-align:center;outline:none;font-size:15px;transition:.4s;margin:1em;padding:0;color:#444;font-size:1.5em;font-family:sans-serif;text-decoration:none;font-weight:400}body header .overlay .nav-mobile a{margin:1em;padding:0;color:#444;font-size:1.5em;font-family:sans-serif;text-decoration:none;font-weight:400}body header .overlay .nav-mobile .panel{padding:0 18px;background-color:transparent;list-style-type:none;max-height:0;overflow:hidden;transition:max-height .2s ease-out}body header .overlay .nav-mobile .panel li{text-align:center;width:100%;margin-top:.8em;margin-bottom:.8em}body header .overlay .nav-mobile .panel li a{font-size:1em;font-weight:200}body header .nav-desktop{display:none}body .admin-logout{display:flex;position:relative;background-color:orange;font-size:1.1em;padding:30px 20px;justify-content:space-between;margin:10px}body main{display:flex;flex-direction:column;align-items:center;margin-top:3em;margin-bottom:2em}body main img{margin-bottom:50px}body main .content{display:flex;flex-direction:column;justify-content:center;align-items:center}body main .content img{width:60%}body main .content h1{margin-bottom:50px}body main .content .detail-display{display:flex;flex-direction:column;justify-content:center;width:100%}body main .content .detail-display .detail-card{margin:0 20px;display:flex;flex-direction:column;justify-content:center}body main .content .detail-display .detail-card .detail-cover{display:flex;flex-direction:column;align-items:center;width:100%;margin:50px 0;padding-bottom:20px;box-sizing:border-box}body main .content .detail-display .detail-card .detail-cover img{width:100%;max-width:200px}body main .content .detail-display .detail-card .detail-cover a{width:75%;font-size:larger}body main .content .detail-display .detail-card .detail-cover a button:hover{cursor:pointer;background-color:#777}body main .content .detail-display .detail-card .detail-cover .link-to-buy button{margin:0;font-size:larger;background-color:#fff;border:1px solid black}body main .content .detail-display .detail-card .detail-cover .link-to-buy button:hover{background-color:#3a3a3a;color:#f0f8ff;cursor:pointer}body main .content .detail-display .detail-card .detail-content{display:flex;flex-direction:column;max-width:600px}body main .content .detail-display .detail-card .detail-content .detail-gallery{display:flex;flex-wrap:wrap;justify-content:space-evenly;gap:10px;position:relative;max-width:600px;margin-bottom:40px}body main .content .detail-display .detail-card .detail-content .detail-gallery a{padding:0}body main .content .detail-display .detail-card .detail-content .detail-gallery a img{border:1px solid black;height:100px;margin-bottom:0;width:auto}body main .content .card-group{display:flex;flex-direction:column;justify-content:space-around;gap:3em}body main .content .card-group .project-card{align-self:center}body main .content .card-group .project-card a{font-family:sans-serif;font-size:1em;text-align:center;text-decoration:none;color:#444}body main .content .card-group .project-card a img{width:200px;margin-bottom:5px}body main .content .card-group .project-card a:hover{color:#a4a4a4}body main .content #article-content,body main .content .text-box{padding:0 2em}}@media only screen and (min-width: 750px){*{margin:0;padding:0;box-sizing:border-box}html{max-width:1250px;margin:0 auto}h1,h2,h3,h4,h5,h6{font-family:Segoe UI,Arial,sans-serif;font-weight:400;margin:10px 0}p{font-family:sans-serif;font-size:1em;line-height:1.5;text-align:start}.login-card{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#eaeaea;width:300px;height:auto;border:3px solid #ff9500;border-radius:10px}.login-card button:hover{cursor:pointer;background-color:#444}.login-card ul{list-style-type:none;color:#cc8500}.not-available-for-mobile{display:none}body{display:flex;flex-direction:column;justify-content:center;width:100%;max-width:1250px;flex-flow:column wrap}body button{width:100%;border:none;padding:15px;margin:20px 0;border-radius:5px;background-color:#a4a4a4;font-weight:700}body header{display:grid;grid-template-columns:repeat(12,1fr);margin-top:1.25em;width:100%}body header .overlay{display:none}body header ul{list-style-type:none;font-family:sans-serif}body header ul li{padding:.125em 0;color:#a5a5a5}body header ul a:visited{padding:.125em 0;color:#a5a5a5}body header ul a:link{padding:.125em 0;color:#a5a5a5}body header ul a:hover{color:#444}body header .logo-container{width:100%;grid-column:span 4;justify-self:end}body header .logo-container .mobile{display:none}body header .logo-container a img{width:90%;padding:1.5rem}body header .nav-mobile--button{display:none}body header .nav-desktop{display:grid;grid-column:span 8;grid-template-columns:repeat(8,1fr)}body header .nav-desktop nav{grid-column:span 6;margin:1em 0}body header .nav-desktop nav a{text-decoration:none}body header .nav-desktop nav ul{margin:0;padding:0;list-style:none;width:auto;position:relative}body header .nav-desktop nav ul li{display:flex;flex-direction:row}body header .nav-desktop nav ul li .secondary-navigation{display:none}body header .nav-desktop nav ul li:hover .secondary-navigation{display:flex;flex-direction:column;position:absolute;top:inherit;left:70px;padding-left:100px;width:300px}body header .nav-desktop .lang{grid-column:span 2;justify-self:center}body header .nav-desktop .lang a{text-decoration:none}body header .nav-desktop .lang ul{width:100%;display:flex;flex-direction:row;gap:1.5em}body header .nav-mobile{display:none}body .admin-logout{display:flex;position:relative;border-radius:5px;background-color:orange;padding:10px 30px;justify-content:space-between;margin:10px}body .admin-logout a{font-weight:700}body main{width:100%}body main img{width:460px;margin:auto 0}body main .content{width:100%;display:flex;flex-direction:column;align-items:center;padding-top:4em;padding-bottom:4em}body main .content .detail-display{display:flex;flex-direction:column;width:100%;padding:0 30px}body main .content .detail-display .detail-title{font-size:x-large;margin:20px 0}body main .content .detail-display .detail-card{display:flex}body main .content .detail-display .detail-card .detail-cover{position:sticky;top:20px;max-height:500px;width:300px}body main .content .detail-display .detail-card .detail-cover img{width:100%}body main .content .detail-display .detail-card .detail-cover a button:hover{cursor:pointer;background-color:#777}body main .content .detail-display .detail-card .detail-cover .link-to-buy button{margin:0;font-size:larger;background-color:#fff;border:1px solid black}body main .content .detail-display .detail-card .detail-cover .link-to-buy button:hover{background-color:#3a3a3a;color:#f0f8ff;cursor:pointer}body main .content .detail-display .detail-card .detail-content{display:flex;flex-direction:column;margin:0 25px;width:700px;background-color:#d8d8d8;padding:15px;border:1px solid black}body main .content .detail-display .detail-card .detail-content h3{font-size:x-large;font-weight:500}body main .content .detail-display .detail-card .detail-content .detail-gallery{display:flex;flex-wrap:nowrap;position:relative;margin-bottom:50px;overflow-x:scroll}body main .content .detail-display .detail-card .detail-content .detail-gallery a{height:100%}body main .content .detail-display .detail-card .detail-content .detail-gallery a img{height:200px;width:auto}body main .content header{display:flex;flex-direction:column}body main .content header .text-box{max-width:800px;text-align:left}body main .content .text-box{max-width:800px}body main .content .text-show-action:hover{cursor:pointer;color:#a5a5a5}body main .content .project-detail-card{text-align:center;margin-bottom:50px;width:800px}body main .content .project-detail-card img{width:100%}body main .content .card-group{width:1000px;display:flex;flex-wrap:wrap}body main .content .card-group .project-card{width:150px;margin:50px}body main .content .card-group .project-card a{flex-direction:column;width:100%;color:#74787e;text-decoration:none}body main .content .card-group .project-card a img{width:150px}body main .content .card-group .project-card a p{text-align:center}body main .content .card-group .project-card a:hover{color:#000}}