to 80px */
@media screen and (min-width: 601px) {
div.tab button {
font-size: 20px;
}
}
/* If the screen size is 600px wide or less, set the font-size of
to 30px */
@media screen and (max-width: 600px) {
div.tab button {
font-size: 15px;
}
}
/* HEADER ICONS */
div#logobx {
display:block;
width:100%;
height:300px;
background:url(../images/display/toxicpetssmall.png) no-repeat top center, url(../images/display/largebg_pets_repeat.jpg) repeat center;
background-position:48% 65%;
v-align:bottom;
margin-left:auto;
margin-right:auto;
font-family:'VegurBold', Verdana, Geneva, sans-serif;
font-variant:small-caps;
color:#075b09;
font-size:1.6em;
text-align:center;
padding: 266px 0 0 0;
margin-bottom:10px;
}
div#logobx h1 {
font-size:24px;
}
#logo {
margin: 0 0 0 10px;
float: left;
width: 40px;
height: 50px;
background: url(../images/display/logo_icon.png) no-repeat center;
display: block;
}
#emaillogo {
margin:0 0 0 12px;
float: left;
width: 30px;
height: 50px;
background: url(../images/display/email_icon.png) no-repeat center;
display: block;
}
#cartlogo {
margin: 0 0 0 5px;
float: left;
width: 30px;
height: 50px;
display: block;
}
div#ftrbx {
display:block;
width:100%;
height:300px;
background:url(../images/display/TYFriends.png) no-repeat top center, url(../images/display/largebg_petstwo_repeat.jpg) repeat center;
background-position:50% 48%;
margin-left:auto;
margin-right:auto;
font-family:'VegurBold', Verdana, Geneva, sans-serif;
font-variant:small-caps;
color:#075b09;
font-size:1.6em;
text-align:center;
padding:300px 0 0 0;
margin-bottom:50px;
}
.vidSymp {
width:100%;
margin:10px;
}
.vidSymp iframe {
width:420px;
height:315px;
margin:10px;
}
/* NAVIGATION */
div#shareBttnz {
zoom: 0.9;
-moz-transform: scale(0.9);
display: block;
height:50px;
max-width:250px;
float:left;
overflow:hidden;
padding:5px;
}
header {
background: #88c96f;
width: 100%;
height: 50px;
position: absolute;
top: 0;
left: 0;
z-index: 100;
box-shadow: 0 0 5px 0 #004016;
}
nav li {
display: inline-block;
float:left;
padding: 0 10px;
}
a {
color: #fff;
text-decoration: none;
font-weight: bold;
}
a:hover {
color: #489a57;
}
nav {
float: right;
padding:9px 10px 9px 0;
font-family:'VegurBold', Verdana, Geneva, sans-serif;
font-variant:small-caps;
font-size:19px;
}
#menu-icon {
background: url(../images/display/menu.png);
display: hidden;
width: 32px;
height: 32px;
}
ul.nav {
list-style: none;
margin-top:7px;
}
/* END NAVIGATION CODE */
/* MAIN STYLING */
*,
*:before,
*:after {
box-sizing: inherit;
}
img.myLogo {
display:block;
width:100%;
max-width:300px;
margin:auto;
}
aside div.asideSmallContent h3 {
margin:3px 0px;
}
aside h1 {
font-variant:small-caps;
font-size: 1.4em;
}
aside h3.project {
font-size:1em;
margin: 10px 0 0 0;
}
aside h4 {
margin:0;
}
aside hr {
height: 1px;
border: 0;
background-color:#cdded8;
width:80%;
margin:35px 0;
}
article hr {
height: 1px;
border: 0;
background-color:#075b09;
width:80%;
margin:20px auto;
}
aside p.proj_para {
font-size:0.9em;
margin:0 0 14px 0;
}
div.quickview_art {
margin-top:10px;
}
aside p.proj_det {
font-size:0.9em;
margin:0 0 0 5px;
font-family:'VegurBold', Verdana, Geneva, sans-serif;
font-variant:small-caps;
}
p.port_descrip {
margin:0 0 14px 5px;
font-size:0.9em;
}
div.tobby {
clear:both;
width: 10px;
}
main {
float:left;
width: 63%;
margin: 0 0 0 5px;
padding: 0 10px;
}
p {
margin: 0 0 1.5em 0;
padding: 0;
}
img.main {
display:block;
width:90%;
margin:auto;
margin-top:13px;
margin-bottom:13px;
}
img.supp {
display:block;
width:100%;
margin:auto;
margin-top:13px;
margin-bottom:13px;
}
img.supptwo {
display:block;
width:100%;
margin:auto;
margin-top:35px;
margin-bottom:13px;
}
.firstPara {
margin-top:10px;
}
.lastPara {
margin-bottom:0;
}
.spPara {
margin:10px 0 0 0;
}
.spParaTwo {
margin:20px 0;
}
section.teroDax {
min-height:300px;
}
section h1 {
font-size:20px;
}
section h2 {
font-family:'VegurLight', Verdana, Geneva, sans-serif;
font-size:19px;
margin-bottom:0;
color:#5caa3f;
}
p.subTitle {
font-size:17px;
margin-bottom: 10px;
color:#264f76;
font-weight:bold;
}
section h3 {
font-size:17px;
margin-top: 0px;
color:#26762e;
font-weight:bold;
}
section {
margin-bottom: 30px;
padding: 0.6em 1em;
background-color: rgba(218, 232, 202, 0.7);
border-radius: 10px;
color:#075b09;
}
aside h2 {
font-size:1em;
margin:0;
}
footer img.icon {
padding:5px 6px 0 0;
margin:0;
}
footer p {
margin:7px 0;
padding:0;
}
div.wrapper {
max-width: 960px;
position:relative;
margin: 0 auto;
padding-top: 0;
width: 94%;
}
a.quickLink {
display:block;
font-variant:small-caps;
font-size:1em;
color:#075b09;
text-align:right;
margin-top:-13px;
margin-bottom:10px;
}
a.quickLink:hover {
color: #60b260;
}
a.quickLinkTwo:hover {
color:#ceffb4;
}
h4 {
margin:0;
}
h3.phic {
color:#26762e;
margin-top:40px;
margin-bottom:5px;
font-size:1.2em;
font-variant:small-caps;
}
img.fileIcoThree {
width:12px;
margin:10px 5px -1px 5px;
}
img.howieEmail {
margin-top:20px;
}
a.contactProb {
font-variant:small-caps;
font-size:1.1em;
color:#075b09;
}
ul.helpUs li {
margin-bottom:10px;
}
a.contactProb:hover {
color:#5caa3f;
}
a.quickLinktwo {
font-variant:small-caps;
font-size:1em;
color:#075b09;
}
a.inlineLink {
font-variant:small-caps;
font-size:1em;
color:#075b09;
}
a.inlineLink:hover {
color:#60b260;
}
aside {
float: right;
background-color: rgba(35, 65, 40, 0.7);
padding: 0.5em 0.7em;
color: #cdded8;
width: 33%;
margin-bottom: 20px;
margin-right: 15px;
border-radius: 10px;
font-size:1em;
}
aside a.quickLinkTwo {
font-variant:small-caps;
color:#d3dfd1;
}
.asideSmallContent {
font-size:0.9em;
margin:0px 20px;
}
h1, h2 {
margin: 0;
padding: 0;
}
footer {
position: absolute;
right: 0;
bottom: 0;
left: 0;
padding: 14px;
background-color: #3b4f2a;
text-align: center;
color: #fff;
}
img.sidebarImageSm {
display:block;
margin-right:auto;
margin-left:auto;
margin-bottom:35px;
width:70px;
padding:0;
}
img.sidebarImageMed {
display:block;
margin-right:auto;
margin-left:auto;
margin-bottom:5px;
width:150px;
padding:0;
}
img.sidebarSeperator {
display:block;
margin-right:auto;
margin-left:auto;
margin-top:30px;
margin-bottom:30px;
width:209px;
padding:0;
}
.sidebarLinkImg {
max-width:140px;
}
img.sidebarImageTwo {
padding:20px 20px 20px 0;
}
img.sidebarImage {
display:block;
margin-right:auto;
margin-left:auto;
margin-bottom:10px;
width: 99%;
padding:0 0 10px 0;
}
textarea#codeInput {
color:#075b09;
width:75%;
height:34px;
font-size:12px;
}
button.copyBtn {
display:block;
color:#cdded8;
float:right;
width:22%;
margin:3px 0;
height:30px;
background: linear-gradient(#8da9ce, #23375C);
text-align:center;
border-radius:8px;
border: 2px solid #34446a;
font-variant: small-caps;
font-size:17px;
}
figure {
margin:20px auto;
}
.bannerBox {
margin-bottom:5px;
}
figure span {
color:#075b09;
font-size:1em;
}
.socialIcons {
margin:20px auto;
display:block;
width:80%;
}
.networkLinks {
color:#496d91;
}
.networkLinks:hover {
color:#cdded8;
}
.suppLinks {
color:#496d91;
}
.suppLinks:hover {
color:#075b09;
}
.funLinks {
color:#cdded8;
padding:1px 6px;
border-radius:6px;
font-variant:small-caps;
background-color:#496d91;
}
.funLinks:hover {
color:cyan;
box-shadow: 0px 2px 6px rgba(0, 255, 255, .4);
}
img.tazBanners {
max-width:90%;
}
img.icon {
width:18px;
height:18px;
padding:0 5px;
border:none;
margin:-4px 5px -4px 0;
}
img.iconTwo {
width:25px;
height:25px;
padding:0;
border:none;
margin:0px 2px;
}
a.icon {
width:18px;
height:19px;
box-sizing:initial;
text-decoration:none;
}
.commission_final {
margin-bottom:100px;
}
blockquote {
font-family:'VegurRegular', Verdana, Geneva, sans-serif;
color: #075b09;
display:block;
width:90%;
margin:auto;
font-size:1.1em;
padding:0 0 25px 0;
text-align:center;
}
blockquote.missionAim {
font-family:'VegurRegular', Verdana, Geneva, sans-serif;
color: #075b09;
display:block;
width:90%;
margin:auto;
font-size:1.1em;
padding:25px 0 25px 0;
text-align:center;
}
.imgFloater {display:block;float:left;width:30%;margin-top:5%;margin-bottom:10%;}
.sectionFloater {display:block;float:right;width:66%;}
.warningQuote {font-size:0.9em;margin-bottom:33px;text-align:center;}
.smQuotes {font-size:0.9em;text-align:center;}
.smallPrintCustom {font-size:0.8em;color:#60b260;}
p.testimonial {
font-family:'VegurRegular', Verdana, Geneva, sans-serif;
padding:0;
margin:0;
}
div.cardChoices {
width:100%;
display:block;
}
div.cardChoices img {
width:25%;
display:block;
float:left;
}
div.cardBox {
max-width:50%;
display:block;
float:left;
padding:2% 0;
min-width:8em;
}
div.cardBox p {
font-size:0.8em;
font-variant:small-caps;
color:#075b09;
margin:0;
padding:0 0 0 10%;
}
div.cardBox p.cardDes {
font-size:1em;
}
p.testimCust {
font-family:'VegurLight', Verdana, Geneva, sans-serif;
font-size:0.8em;
text-align:right;
padding:0 52px;
}
p.netLnk {
color:#075b09;
width:100%;
padding:0 0 15px 0px;
margin:0;
}
a.anchorLnk {
color:#075b09;
margin:0;
display:-webkit-inline-box;
width:50%;
max-width:250px;
min-width:230px;
}
a.anchorLnk:hover {
color:cyan;
}
div.port {
display:block;
float:left;
margin:auto;
align-content:center;
font-family:'VegurBold', Verdana, Geneva, sans-serif;
font-size:1em;
width:49%;
text-align:center;
}
div.portDesign {
display:block;
float:right;
margin:auto;
align-content:center;
font-family:'VegurBold', Verdana, Geneva, sans-serif;
font-size:1em;
width:49%;
text-align:center;
}
.port h3, div.portDesign h3 {
font-size: 15px;
height:70px;
display:table-cell;
vertical-align:bottom;
text-align:center;
width:17em;
}
.port img, div.portDesign img {
width: 95%;
}
.port p, div.portDesign p {
font-family:'VegurLight', Verdana, Geneva, sans-serif;
font-size:0.8em;
margin:0;
}
.port a, div.portDesign a {
color:#075b09;
}
.port a:hover, div.portDesign a:hover {
color:#489a57;
}
/* END MAIN STYLING */
div.ctrPics {
width: 48%;
margin: auto;
display: block;
padding: 10px 0 10px 10px;
float: left;
}
div.ctrPics img {
width:90%;
}
img.pprSize {
width: auto;
margin: auto;
display: block;
padding: 20px 0;
max-width: 100%;
}
p.artistCredit {
color:#64b154;
font-size:0.9em;
}
p.artistCredit a {
color:#64b154;
font-variant:normal;
font-weight:normal;
}
p.artistCredit a:hover {
color:#3a4f2a;
}
p.artistTitle {
color:#3a4f2a;
font-size:0.9em;
margin:0;
}
div.tyFriend {
width:63%;
margin:auto;
padding-top: 40px;
}
img.tyFri {
width: 90%;
margin: 0;
}
img.fileIco {
width:12px;
margin:10px 5px -3px 0;
}
img.fileIcoTwo {
width:17px;
margin:10px 5px -3px 0;
}
a.flLnk {
font-variant:small-caps;
font-size:1em;
display:block;
width:200px;
float:left;
clear:both;
color:#075b09;
}
.flLnk:hover {
color:#64a24d;
}
p.sumth {
color:#64a24d;
padding:30px 0 0 0;
clear:both;
margin:20px 0 0 0;
}
div.smallScr {
color: #3a4f2a;
font-size: 0.9em;
font-variant:small-caps;
float:left;
display:block;
width:100px;
padding:7px 0 0 0;
}
div.mastedon {
width: 97%;
padding: 0 0 40px 4%;
font-family: 'VegurRegular', Verdana, Geneva, sans-serif;
line-height: 1.2em;
margin:0 0 80px 0;
}
img.mainshow {
display:block;
width:90%;
margin:auto;
margin-top:13px;
margin-bottom:13px;
}
ul#symptomCanna {
color:#075b09;
font-variant:small-caps;
font-size:1.2em;
line-height:1.4em;
margin:0 auto 20px auto;
font-family: 'VegurRegular', Verdana, Geneva, sans-serif;
}
h2.symptomHead {
color:#70b557;
font-variant:small-caps;
font-size:1.3em;
font-family: 'VegurRegular', Verdana, Geneva, sans-serif;
}
/* ACCORDIAN */
.accordion {
background-color: #64a24d;
color: #3a4f2a;
font-family: 'VegurRegular', Verdana, Geneva, sans-serif;
line-height: 1.2em;
cursor: pointer;
padding: 18px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 18px;
transition: 0.4s;
font-weight: bold;
}
.active, .accordion:hover {
background-color: #cee4af;
}
.panel {
padding: 0 18px;
display: none;
background-color: white;
overflow: hidden;
}
/* END ACCORDIAN */
/* Collapsable Menu */
.collapsible {
background-color:rgba(184, 212, 241, 0.7);
color: #075b09;
cursor: pointer;
padding: 12px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 17px;
margin-top:10px;
}
.active, .collapsible:hover {
background-color:rgba(35, 65, 40, 0.7);
color:#cdded8;
}
.french_poster {
font-family:Arial, Helvetica, sans-serif !important;
}
section#frenchSect {
font-family:Arial, Helvetica, sans-serif !important;
font-size:0.9em !important;
}
article#frenchSect {
font-family:Arial, Helvetica, sans-serif !important;
font-size:0.9em !important;
}
section#frenchSect h2 h3 {
font-family:Arial, Helvetica, sans-serif !important;
font-size:0.9em !important;
}
article#frenchSect h2 h3 {
font-family:Arial, Helvetica, sans-serif !important;
font-size:0.9em !important;
}
section#frenchSect h2.french_poster h3.french_poster {
font-family:Arial, Helvetica, sans-serif !important;
}
article#frenchSect h2.french_poster h3.french_poster {
font-family:Arial, Helvetica, sans-serif !important;
}
.collContent {
background-color:rgba(184, 212, 241, 0.7);
padding: 20px 18px 0 18px;
display: none;
overflow: hidden;
margin-bottom:10px;
border-radius:0 0 10px 10px;
}
/* end Collapsable Menu */
/* ART GALLERY */
a.galLinks {
color:#075b09;
font-size:0.8em;
padding:0.3em;
margin:0.2em;
border-radius:0.4em;
font-weight:100;
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2), 0 3px 10px 0 rgba(0,0,0,0.19);
line-height:2em;
background: rgb(235,241,246); /* Old browsers */
background: -moz-linear-gradient(top, rgba(235,241,246,1) 0%, rgba(184,212,241,1) 50%, rgba(213,235,251,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(235,241,246,1) 0%,rgba(184,212,241,1) 50%,rgba(213,235,251,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(235,241,246,1) 0%,rgba(184,212,241,1) 50%,rgba(213,235,251,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf1f6', endColorstr='#d5ebfb',GradientType=0 ); /* IE6-9 */}
a.galLinks:hover {
color:#59e5f3;
}
.galnav {
display:block;
text-align:center;
}
img.seperate {
display:block;
width:100%;
max-width:500px;
margin:auto;
padding: 0 0 10px 0;
}
img.animeChar {
display:block;
float:right;
width:100%;
max-width:200px;
padding:0 0 1em 1em;
}
img.sickChar {
display:block;
float:right;
width:100%;
max-width:220px;
padding:0 0 1em 1em;
}
main.gallery {
width:100%;
}
div.art_gallery {
margin:0;
padding:0;
width:100%;
}
div.gallery_ {
margin:10px 0;
padding:0;
width:100%;
}
div.gallery_ a {
padding:0 0.5em 0.5em 0;
display:inline-block;
width:32%;
vertical-align:top;
}
div.gallery_ img:hover {
opacity:1.0;
}
div.gallery_ a img {
padding: 0;
width: 99%;
opacity:0.5;
}
div.gallery_show {
margin:10px 0;
padding:0;
width:100%;
}
div.gallery_show a {
padding:0 0.5em 0.5em 0;
display:inline-block;
width:32%;
vertical-align:top;
}
div.gallery_show img:hover {
opacity:1.0;
}
div.gallery_show a img {
padding: 0;
width: 99%;
opacity:0.8;
}
div.caption {
color:#264f76;
margin:4px 0;
}
div.caption h4 {
font-family:'VegurLight', Verdana, Geneva, sans-serif;
text-align:center;
margin:-5px 0 0 0;
font-size:12px;
line-height:1em;
}
h3.creativeGraphic {
font-variant:small-caps;
font-size:1.2em;
color:#26762e;
margin-top:40px;
margin-bottom:5px;
}
/* END ART GALLERY */
/* PRINTS */
img.printShop {
width:200px;
}
a.prodLink {
display:block;
height:30px;
width:100%;
background: linear-gradient(#8da9ce, #23375C);
margin:auto;
text-align:center;
border-radius:8px;
border: 2px solid #34446a;
font-variant: small-caps;
padding:2px 0 0 0;
}
img.productShop {
width:100%;
}
.products {
display:block;
padding:10px;
margin:auto;
}
.products div {
text-align:center;
}
.prodView {display:block;float:left;width:40%;}
.prodOrder {display:block;float:left;width:45%;margin:7% 0 0 5%;}
.prodOrder form select {font-size:0.8em;width:90%;margin:10px 0px;}
.prodOrder form span {width:90%;}
}
.prints {
padding:15px;
width:90%;
margin:auto;
}
.prints div {
width:95%;
text-align:center;
}
.cartButton {
padding: 5px;
}
#printchoice {
margin-top:20px;
margin-bottom:10px;
}
span.titleName {
font-family:'VegurRegular', Verdana, Geneva, sans-serif;
font-size:1.2em;
}
span.sizing {
font-family:'VegurLight', Verdana, Geneva, sans-serif;
font-size:1em;
}
/* END PRINTS */
/* TABS */
/* If the screen size is 601px wide or more, set the font-size of
to 80px */
@media screen and (min-width: 601px) {
div.tab button {
font-size: 20px;
}
}
/* If the screen size is 600px wide or less, set the font-size of
to 30px */
@media screen and (max-width: 600px) {
div.tab button {
font-size: 15px;
}
}
. {
margin-top:70px;
}
h2.tabHeader {
margin-bottom:0px;
height:21px;
}
section.wTabs {
margin-top: 70px;
}
/* Style the Tab */
.tab {
overflow: hidden;
border: 0px solid #ccc;
background-color:#64a24d;
margin-top:-79px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
max-height:48px;
}
/* Style the buttons that are used to open the tab content */
.tab button {
background-color:#64a24d;
float: left;
border: none;
outline: none;
cursor: pointer;
padding:18px 0;
transition: 0.3s;
color:white;
font-family:'VegurLight', Verdana, Geneva, sans-serif;
width:50%;
max-height:48px;
font-size: 2em;
}
/* Change background color of buttons on hover */
.tab button:hover {
background-color: #d0ebc6;
border-radius:15px 15px 0 0;
}
/* Create an active/current tablink class */
.tab button.active {
background-color:#e5efda !important;
color:#26762e;
border-radius:15px 15px 0 0;
font-weight:800;
}
/* Style the tab content */
.tabcontent {
display: none;
padding: 6px 0;
border-top: none;
margin-top:27px;
}
/* CONTACT FORM */
.robotic { display: none; }
.emprotect:before {
content: attr(data-website) "\0040" attr(data-user);
unicode-bidi: bidi-override;
direction: rtl;
}
form.emailForm {
font-family:'VegurRegular', Verdana, Geneva, sans-serif;
font-size:1em;
}
#message {
width:100%;
}
.emailForm legend {
margin:20px 0 0 -20px;
font-family:'TangerineBold', "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:1.7em;
color:#075b09;
}
fieldset {
border: 0;
border-radius: 5px;
padding: 15px;
color:#075b09;
}
.emailForm input[type=text] {
font-family:'VegurLight', Verdana, Geneva, sans-serif;
font-size:1.1em;
padding:5px;
border:2px solid #cdded8;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-transition: width 0.4s ease-in-out;
transition: width 0.4s ease-in-out;
}
.emailForm textarea {
font-family:'VegurLight', Verdana, Geneva, sans-serif;
font-size:1.2em;
padding:5px;
border:2px solid #cdded8;
-webkit-border-radius: 5px;
border-radius: 5px;
}
.emailForm input[type=text]:focus, .emailForm textarea:focus {
border-color:#075b09;
}
.emailForm input[type=submit] {
padding:5px 15px;
background:#cdded8;
cursor:pointer;
-webkit-border-radius: 5px;
border: 2px solid #075b09;
float:right;
font-size:0.7em;
color:#075b09;
}
.emailForm input:hover {
border:2px solid #cdded8;
}
h1.scrawled {
margin:30px 0;
font-family:'TangerineBold', "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:2em;
color:#075b09;
line-height:1.3em;
}
h2.scrawled {
margin:20px 0;
padding:0 20px;
font-family:'VegurRegular', "Trebuchet MS", Arial, Helvetica, sans-serif;
line-height:1.4em;
color:#075b09;
font-weight:initial;
}
p.scrawled {
margin:20px 0;
padding:0 20px;
font-family:'VegurRegular', "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:1em;
line-height:1.4em;
color:#075b09;
}
p.signed {
text-align:right;
margin:20px 0;
padding:0 20px;
font-family:'TangerineBold', "Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:2.2em;
line-height:1em;
color:#075b09;
}
img#signature {
margin:-1px;
padding:0 5px;
}
img.signature_two {
margin:-4px 5px;
padding:0 5px;
height:30px;
}
div.goBack {
margin:30px 10px;
text-align:center;
padding:10px;
background:#075b09;
border-radius:5px;
float:left;
width:38%;
}
/* END CONTACT STYLES */
aside ul li.lightgallery img {
width:100%;
}
/* RE-SIZING CODE */
@media only screen and (max-width:900px) {
header {
position:fixed;
top: 0;
left: 0;
}
img.sickChar {
max-width:150px;
}
img.animeChar {
max-width:150px;
}
#menu-icon {
display: inline-block;
}
nav ul, nav:active ul {
display: none;
position: fixed;
padding: 10px 20px;
background: #88c96f;
right: 0px;
top: 40px;
width: 35%;
opacity:0.8;
margin: 0;
border-radius: 10px;
}
nav:hover ul {
display: block;
}
nav li {
text-align: right;
width: 100%;
padding: 15px 0;
margin: 0;
}
aside {
display:none;
}
#shareBttnz {
zoom: 0.8;
-moz-transform: scale(0.8);
}
main {
width: 100%;
margin: 0;
padding: 0 5px;
}
div#logobx h1 {
font-size:20px;
}
footer p {
margin:7px 0;
padding:0;
font-size:0.8em;
}
.vidSymp {
width:100%;
margin:0;
}
.vidSymp iframe {
max-width:100%;
height:250px;
margin:0;
}
div.cardChoices img {
width:50%;
}
}