body{position:relative}
header{background-color:#fff;width:100%;display:block;height:60px;position:fixed;top:0;left:0;z-index:10}
.site-header{position:relative;z-index:9999}
.site-logo{position:fixed;top:-30px;left:10px;z-index:40;display:block;width:115px}
.site-logo img,.site-logo svg{display:block;width:100%;height:auto}
#desc{display:none}
#desc a,#desc a:hover,#desc a:active,#desc a:visited,#desc a:focus {color: var(--color-c)}
#nav{position:fixed;z-index:25}

@media(min-width:500px){
.site-logo{width:150px;top:-50px;}
#desc{display:block;color:var(--color-c);font-size:1.5em;font-family:palatino;font-weight:600;position:absolute;z-index:9999;top:20px;left:30%;}
}

@media(min-width:800px){
.site-logo{width:170px;top:-50px}
#desc{font-size:2em;position:fixed;top:30px;left:21%;}
#nav{top:60px}
#header~div:first-of-type{margin-top:100px;}
}

@media(min-width:1025px){
.site-header{min-height:30px;padding-top:0}
.site-logo{left:1%;width:14%}	
#desc{left:16%;}
}

@media(min-width:1366px){	
.site-logo{top:-65px;left:2%;width:15%}	
#desc{font-size:2.2em;top:75px;left:16%;}
}