/*credit to W3schools.com and stackoverflow.com for providing me with this knowledge! */


body {background-color:white !important;}

.navbar {background-color:transparent; font-weight:bold; text-shadow: 5px 2px 5px black; font-size:25px; z-index:3; width:120.7%;}


.bodytext {font-size:1.2em;}

.bodytext a {text-shadow:5px 2px 5px tan;}

.bodytext p {width:50%; text-indent:20px;}

.bodytext a {color:darkblue !important;}

.cardtext {font-size:1.1em; font-weight:bold; lmargin:auto;}

/* layout styling */

.cointable td {width: 500px;}

.cointable img {border-radius:5px;}

.coinbutton {background-color:#3d598b; font-size:1em; width:8em; border:none;}

.coinbutton:hover {background-color:lightblue; box-shadow:2px 2px 5px 2px;}

.stampbanner {position:absolute; left:0px; top:0px; width:105%; z-index:2;}
.stampbannercollection {position:absolute; left:0px; top:0px; width:105%; z-index:2;}

.barposition {position:absolute; left:50px; top:260px;}

.barpositioncollection {position:absolute; left:50px; top:60px;}

.header {font-size:2em; font-family:tahoma; font-weight:bold; background-color:transparent; border-radius:10px; text-decoration:underline;
 text-shadow:10px 10px 10px gray;}

li a{background-color:transparent;}

.golddollars {position: absolute; top:800px; left:200px;}

.firstletter {font-size:2em;}

.pres {position: absolute; top:990px; left:0px;}


.row {position:absolute; left:0px;}

.rss {position: absolute; top:370px; left:850px;}

.containerindex {margin:auto; position:absolute; top:370px; left:50px; border-radius:20px; width:30%;}

.containerindex2 { background-color:#f0f1e9; position:absolute; top:370px; left:100px; border-radius:10px; box-shadow: 5px 5px 5px 5px silver; width:60%;}

.containerindex2 font {text-indent:30px;}

.containercollection {margin:auto; position:absolute; top:150px; left:90px; z-index:1; height:100%; width:80%;}

.container {background-color:#e0eeff; position:absolute; top:370px; left:210px; z-index:1; border-radius:5px; box-shadow: 5px 5px 5px 5px silver;}

.container a {color:#224aa4 !important;}

.containerindex2 a {color:blue !important;}

.stampcontainer {background-color: white; position: absolute; top:240px; left:90px; border-radius:5px; z-index:1;}

.stampcontainer a {color:#224aa4 !important;}

 .w3-card-4 {background-color:transparent; padding:0.01em 8px; width:20%; box-shadow: 5px 5px 5px 5px silver;} 
 

/*dropdown menu styling */


.dropdown-menu {background-color:white !important;}

.dropdown-menu a {color:black !important; text-shadow: 1.5px 1.5px 1.5px white;}

.dropdown a {font-weight:bold !important;}

a {font-weight:bold; color: white !important;}

/*styling for links on link pages */



.linkdiv a {font-weight:bold; font-size:1.3em; text-decoration:none; color:#21306d !important;}

.linkdiv a:hover {text-decoration:none; color:#3c5ccb !important; text-shadow:5px 5px 5px; font-size:1.3em;}
	
.table td {border:none !important;}

div.desc a {color:blue !important;}


div.coingallery {
  padding:5px;
}

div.coingallery:hover {
  background-color:#f0f1e9;
}

div.coingallery img {
  width: 45%;
  height: auto;
  border-radius:5px;
  background-color:none;
  
}
div.desc {
  padding: 10px;
  text-align: center;
  font-size:1.0em;
  background-color:transparent;
}

* {
  box-sizing: border-box;
}

.responsive {
  padding: 0 6px;
  float: left;
  width: 24.99999%;
}



@media only screen and (max-width: 700px) {
  .responsive {
    width: 49.99999%;
    margin: 6px 0;
  }
}

@media only screen and (max-width: 500px) {
  .responsive {
    width: 100%;
  }
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}
	
	
	
	.thumbnail {height:250px; width:200px; border:none !important;}
	
	.thumbnail img {border-radius:5px; box-shadow:5px 5px 5px grey}
  
  .thumbnail:hover {
    position:relative;
    top:-25px;
    left:-35px;
    width:600px;
    height:auto;
    display:block;
    z-index:999;


	/*styling for forms */
	input[type=submit], input[type=reset] {padding:12px 13px; background-color:#7f97fc; border-radius:10px; font-family:arial; font-weight:bold; color:black;}
	
	input:hover {box-shadow: 5px 5px 5px 5px; color:black;}

}
  

	
	/*styling for small screens */
	
	@media screen and (max-width: 900px) {
	
		
		.barposition {width:86%; left:125px;}
		
		.container.memapp {width:100%;}
		
	}
	
	@media screen and (max-width: 800px){

		.barposition {width:60%;}
		
		button {float:left;}
		
	}


@media screen and (max-width: 600px) {
  .navbar a.icon {
    float: left;
    display: block; 
  }

.stampbanner {position:absolute; left:0px; top:0px; width:110%;}

.stampbannercollection {position:absolute; left:0px; top:0px; width:170%;}

.stampcontainer {position: absolute; left:0px; top:350px;}

.barposition {position:absolute; left:0px; top:60px; width:85%;}

.barpositioncollection {position:absolute; left:0px; top:0px;}

.container {position:absolute; top:160px; left:0px;}

.containerindex {position:absolute; top:770px;}

.containerindex2 {margin:auto; position:absolute; top:170px; left:40px; width:100%;}

.containercollection {margin:auto; position:absolute; top:170px; left:40px;}

.navbar {background-color:#f0f1e9; z-index:2;}

.navbar a {color:#3d598b!important; text-shadow:none;}

.containerindex {position:absolute; top:200px; left:350px; width:20%;}


.pres {position: absolute; top:1500px; left:0px;}

}