/* Style for PCs */
@media screen and (min-width: 1025px) {

#header.smaller {
box-shadow:0px 2px 15px rgba(0,0,0,0.20);
}

}


/* Style for iPad Pro */
@media screen and (min-width: 769px) and (max-width: 1024px) {

#header.smaller {
box-shadow:0px 2px 5px rgba(0,0,0,0.40);
}
#header.smaller nav[role=navigation] li a {
box-shadow:0px 0px 5px rgba(0,0,0,0.30);
}

}

/* Style for iPad */
@media screen and (min-width: 481px) and (max-width: 768px) {

#header.smaller {
box-shadow:0px 2px 5px rgba(0,0,0,0.40);
}
#header.smaller nav[role=navigation] li a {
box-shadow:0px 0px 5px rgba(0,0,0,0.30);
}

}

/* Style for Smartphone */
@media screen and (max-width: 480px) {

#header.smaller {
box-shadow:0px 2px 5px rgba(0,0,0,0.40);
}
#header.smaller nav[role=navigation] li a {
box-shadow:0px 0px 5px rgba(0,0,0,0.30);
}

}