@media screen { 
	

/* ================START OF Concept cartoons section=========================== */	
/* Container needed to position the button. Adjust the width as needed */
.concept-container {
  position: relative;
  width: 100%;
}

/* Make the image responsive */
.concept-container img {
  width: 100%;
  height: auto;
}

/* Style the Ideas button and place it bottom-left */
.concept-container .concept-buttonL {
  position: absolute;
  bottom: 0%;
  left: 1%;
  height: 10%;
  width: 49%;
  background-color: #555;
  color: white;
  font-size: 20px;
  padding: 6px 12px;
  border: none;
  cursor: pointer;
  border-radius: 5px;
}

.concept-container .concept-buttonL:hover {
  background-color: black;
} 


/* Style the follow-up button and place it bottom-right */
.concept-container .concept-buttonR {
  position: absolute;
  bottom: 0%;
  right: 1%;
  height: 10%;
  width: 48%;
  background-color: #555;
  color: white;
  font-size: 20px;
  padding: 6px 12px;
  border: none;
  cursor: pointer;
  border-radius: 5px;
}

.concept-container .concept-buttonR:hover {
  background-color: black;
} 


/* Follow-up text in Top left of image */
.concept-container .followup, .concept-container .ideas {
  position: absolute;
  font-family: "Comic Sans MS", cursive, sans-serif;
  top: 0%;
  left: 5%;
  height: 75%;
  max-height: 75%;
  width: 90%;
  background-color:  #fefee4;
  color: black;
  font-size: 20px;
  padding: 6px 12px;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  border: 6px solid #fefee4;
  box-shadow: inset 0 0 0 3px  #C70039;
}

.figure {
padding: 0;
}
/* ================END OF Concept cartoons section=========================== */	
    body {
        background: #F7F7F7;
        color: #000000;
        display: block;
        font-family: Tahoma,Verdana,sans-serif;
        font-size: 12pt;
        line-height: 1.2em;
        overflow: auto;
        text-align: left;
        z-index: -50;
		height: 100%;
    }
    .org-info-js_local-toc {
        background: #f1f1f1;
        border-color: #c6c6c6;
        border-style: solid;
        border-width: 1px;
        font-size: 70%;
        text-align: left;
        color: #63912C;
        margin: 20px;
    }
    .org-info-js_local-toc a { color: #63912C }
    #table-of-contents {
display: none;
}

    #banner-top {
	background: url('Sprited/sprited.png');
	height: 60px;
        background-position: 0 -208px;
        left: 25%;
        background-repeat: repeat-x;
        width: 100% !important;
    }
    h1, h2, h3, h4, h5, h6, h7 { display: none !important }
    img {
        border: none;
        width: 80%;
    }
    #override img { width: auto }
    code { font-size: 100% }
    td { padding: .1em .7em .1em .3em;
		border: 1px solid #b0b0b0;}
	tr:nth-child(even) {background-color: #E4E4E4}
	th {background-color: #4CAF50;
		color: white; }
    .author,
    .email,
    .creator {
        color: black;
        font-family: Courier, monospace;
        font-size: 90%;
        font-weight: bold;
        line-height: 0.9em;
        text-align: right;
    }
    a {
        color: #537d7b;
        text-decoration: underline;
    }
    a:hover { color: #a34d32 }
    a:visited {
        color: #98855b;
        text-decoration: none;
    }
    #table-of-contents h2,
    h2#sec-1,
    #firstheadingonpage { display: none }
#SmallText {
font-size: 65%;
}
#LargeText {
font-size: 130%;
}
}
@media handheld,only screen and (max-width: 480px),screen and (max-device-width: 480px) {
body {
display: inline;
margin: 3px;
width: auto;
top: 0;
}
#home-button {
	width: 48px !important;
	height: 49px !important;
	background: url('Sprited/sprited.png');
        background-position: -532px -98px !important;
        background-repeat: no-repeat !important;
	display: inline;
	position: fixed;
	top: 0px;
	right: 0px;
	z-index: 500;
}
#banner-top {
	width: 99px !important;
	height: 86px !important;
        background-position: -422px -86px !important;
        margin-left: auto;
        margin-right: auto;
	background-repeat: no-repeat;
	left:0;
}
#banner-right-bottom {
	height: 60px !important;
        background-position: -140px -208px !important;
        background-repeat: repeat-x;
	left: 0%;
	width: 100% !important;
}
#table-of-contents,
#JOKE {
display: none;
}
#table-of-contents ul {
list-style: none
}
#right-column {
display: inline;
position: static;
text-align: left !important;
width: auto;
}
#banner-top-physics {
left:0;
}
a,
.org-info-js_local-toc,
.org-info-js_local-toc a {
line-height: 1.8em;
padding: 5px;
font-size: 100%;
}
}