html,body,div,span,object,iframe,h1,h2,h3,p,a,abbr,img,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,figcaption,footer,header,main,nav,section,video{margin:0 auto;padding:0;border:0;vertical-align:baseline}
article,aside,figure,figcaption,footer,header,main,nav,section{display:block}

html{width:100%;height:100%;max-width:1920px;line-height:1.15;-webkit-text-size-adjust:100%}
body{min-width:320px;max-width:1024px;width:100%;text-align:center;font-family:Arial, Helvetica, Roboto, sans-serif;}
ol,ul{list-style:none}
a{background-color:transparent}
img{border:0}
main{text-align:left}
p,h2{margin:1em 0}
article{padding:1em 0.75em 1em}

#logo{box-sizing:border-box;padding:1.5% 1.5% 0;max-width:800px;width:100%;height:auto;display:block}
header>p,h1{font-weight:normal;color:#595959;font-size:3em;text-transform:lowercase;margin:-0.25em 0 0.25em}
header>p::before,h1::before,header>p::after,h1::after{content:" - "}
nav ul{background:#595959;color:#FFF;font-size:24px;display:-webkit-flex;display:flex;line-height:2}
nav a{color:#FFF;text-decoration:none;transition:all linear 0.1s}
nav a:hover{color:#CCC}
nav>ul{display:flex;flex-wrap:wrap;justify-content:center}
nav>ul>li{flex:0 1 auto;margin:0;position:relative;transition:all linear 0.1s}	
nav>ul>li span+ul{display:none;position:absolute;width:max-content}
nav>ul>li:hover span+ul{display: block}
nav>ul>li span+ul>li{padding:.25rem 1rem;display:inline-block}
nav>ul>li>a,nav>ul>li>span{display:flex;align-items:flex-start;padding:.25rem 1rem}
footer small{display:block}

.Gallery{columns:250px auto;column-gap:0;text-align:center}
.Gallery figure{display:inline-block;width:240px;margin:5px}
.Gallery figure img{max-width:100%;max-height:360px;box-shadow:0 0 3px 2px #CCC}
.Gallery figcaption{text-align:center;font-weight:bold;margin:0.25em auto 1.5em}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1){body{max-width:768px}}
@media screen and (max-width:960px){header>p{font-size:clamp(18px, 5vw, 48px)}h1{font-size:clamp(27px, 6vw, 36px)}nav ul{font-size:clamp(16px, 2.5vw, 24px)}}
@media screen and (min-width:1584px){body{margin-left:542px}html{background:linear-gradient(rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 1) 100%) fixed 0 0 / 542px 900px no-repeat,url("/theme/cockatoo-left.jpg") fixed 0 0 / 542px 900px no-repeat;}}
@media screen and (min-width:1584px) and (max-height:900px){html{background-size:auto 100%,contain !important;}}
@media screen and (min-width:1584px) and (max-height:480px){html{background-size:289px 480px !important;}}
@media screen and (max-width:533px){nav ul{font-size:16px}}
@media print{.fb-like{display:none}html{background:transparent}}