.menu {
    margin: 0 auto;
    text-align: center;
    padding-bottom:30px;
}

div#totop a {
    color: #fff;
}

h3 {
font-family: 'Cookie', cursive;
    color: #777;
    font-size: 1.5em;
    text-align: center;
    margin: 0 auto 20px 0px;
        font-weight: normal;
}


a h3:hover {text-shadow: 2px 2px 20px;color:#333;}

#mainbody {max-width:80%; margin: 0 auto;}
#videocontainer {max-width:75%; margin: 5% auto 0 auto;

    -webkit-box-shadow: 0px 0px 45px 7px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 45px 7px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 45px 4px rgba(0,0,0,0.75);
}
div#footer { background-color: #333; height: 70px; position: fixed; bottom: 0; z-index: 1000; width: 100%; color: #fff; text-align: center;}

span#share { font-family: 'Cookie', cursive; clear: both; font-size: 1.5em;  top: 8px; position: relative; padding-right: 10px;}

span#socials {font-family: 'FontAwesome'; font-size: 1.6em; padding: 10px; top: 8px; position: relative;
}

span#socials a { color: #fff;}

span#socials a:hover { color: #888;}

body {background-color: #fff; margin:0 auto; display:block;}
h1   {font-family: 'Cookie', cursive;
    color: #444;
    font-size: 3em;
    text-align: center;
    margin: 20px auto;
    font-weight: normal;}
p    {font-family: 'Noto Serif TC', serif; color: #666; font-size:1em; text-align:center; max-width:450px; margin: 0 auto 30px auto;}
h2   {font-family: 'Cookie', cursive;
    color: #777;
    font-size: 2em;
    text-align: center;
    margin: 0 auto;
    font-weight: normal;}
#contacts img {
    clear: both;
    margin: 0 auto;
    display: block;
    padding: 0px 0px 20px 0px;
}
#contacts {max-width:90%; margin: 0 auto;}
#contactleft {    width: 50%;
    float: left;}
#contactright {    width: 50%;
    float: left;}
#contacts p {
    margin: 0px auto 10px auto;
}

#totop {
	display:none;
	color: #fff;
    position: fixed;
    border-radius: 0px 15px 15px 0px;
    background: #777;
    padding: 13px;
    width: 40px;
    height: 63px;
    top: 50%;
    z-index: 1000;}

#prints img {
    clear: both;
    margin: 0 auto;
    display: block;
    box-shadow: 4px 4px 10px #555;
}
#prints {max-width:90%; margin: 0 auto;}
#printsleft {    width: 50%;
    float: left;}
#printsright {    width: 50%;
    float: left;}
#prints p {
    margin: 0px auto 10px auto;
}
#prints h3 {padding: 10px 0px 0px 0px;
    display: block;}

#copyright {clear: both; padding-top:10%;}
.mob {display:none;}
a {text-decoration:none;}
a {color: #888;}
a:hover {color:#444;}

.icons {    font: normal 2em 'FontAwesome'; clear: both;    position: relative;
    left: -10px;
    top: 5px;}

* {box-sizing: border-box;}
.img-magnifier-containerdesktop {
  position:relative;
}
.img-magnifier-containermobile {
  position:relative;
}
.img-magnifier-glass {
width: 150px; height: 150px;
	position: absolute;
	border-radius: 100%;
	
	/*Multiple box shadows to achieve the glass effect*/
	box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 
	0 0 7px 7px rgba(0, 0, 0, 0.25), 
	inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
}

#routedesktop {display:block;
margin:0 auto;display: block;height: 450px;left: 0;right: 0;width: 600px;}
#routemobile {display:none!important;
margin:0 auto;display: block;height: 250px;left: 0;right: 0;width: 300px;}

@media screen and (max-width: 600px) {
#routedesktop {display:none;}
#routemobile {display:block!important;}
}

@media screen and (min-width: 900px) {
#contacts {max-width:60%;}
#prints {max-width:60%;}
}

@media screen and (max-width: 550px) {
.menu h3 {display: block;
    line-height: 0px;
    padding: 0px 0px 30px 0px;
    }
    .menu {    padding-bottom: 10px;}
    }

@media screen and (max-width: 670px) {
#mainbody {max-width:100%;}
#videocontainer {max-width:100%; margin:0 auto;}
p {max-width:80%;}
}


@media screen and (max-width: 600px) {
.mob {display:inline-block!important;}
#contacts {max-width:100%;}
#prints {max-width:100%;}

#contactleft {
    width: 100%;
    float: left;
    margin: 0px 0px 50px 0px;
}
#contactright {
    width: 100%;
    float: left;
    margin: 0px 0px 50px 0px;
}
#printsleft {
    width: 100%;
    float: left;
    margin: 0px 0px 50px 0px;
}
#printsright {
    width: 100%;
    float: left;
    margin: 0px 0px 50px 0px;
}
}