/* Elements */
body {
	margin: 0;
	background-color: #111;
}

nav {
	background-color: black;
	height: 150px;
	width: 100%;
	display:flex;
}


/* Classes */
.logo {
	background: url('images/icons/headers/studionooglo_home.png');
	background-size: 100% 100%;
	height: 150px;
	width: 200px;
	margin-left: 25px;
}

.about-us {
	background: url('images/icons/headers/about2.png');
	background-size: 100% 100%;
	height: 175px;
	width: 300px;
	margin-top: -10px;
}

.about-us:hover {
	background: url('images/icons/headers/about_hover2.png') !important;
	background-size: 100% 100% !important;
	height: 175px;
	width: 300px;
}

.store {
	background: url('images/icons/headers/catalog.png');
	background-size: 100% 100%;
	height: 200px;
	width: 450px;
	margin-top: -20px;
}

.store:hover {
	background: url('images/icons/headers/catalog_hover.png')!important;
	background-size: 100% 100% !important;
	height: 200px;
	width: 450px;
}

.contact-us {
	background: url('images/icons/headers/contact2.png');
	background-size: 100% 100%;
	height: 175px;
	width: 350px;
	margin-top: -10px;
}

.otto {
	margin-top: 40px;
}

.contact-us:hover {
	background: url('images/icons/headers/contact_HOVER2.png');
	background-size: 100% 100% !important;
	height: 175px;
	width: 350px;
}

.WIP {
	color: white;
}

.hidden {
	display: none;
}

/* id's */
#body {
	background: url('images/webBGNooglo.png');
	height: 2000px;
	background-size: 100%;
	text-align: center;
}

#store_body {
	background: url('images/webBGNooglo.png');
	background-size: 100%;
	height: 800px;
	text-align: center;
}

#nav {
	text-align: center;
}

#dropdown {
	display: none;
}

#t_shirts {
	background-image: url('images/icons/headers/store dropdown/hats.png');
	height: 100px;
}

#buy {
	background-image: url('images/icons/headers/store dropdown/buyNow.png');
	height: 100px;
}

#store_table {
	height: 500px;
	width: 100%;
	background-color: rgba(255, 1, 1, .1);
}

#store_buttons tr td img{
	margin-top: 0px;
	height: 100px;
}

#store_items {

	margin-top: 15px;
	height: 100px;
}
.frame {
      height: 200px;
      width: 200px;
      overflow: hidden;
    }
.zoomin img {
      height: 200px;
      width: 200px;
      -webkit-transition: all 2s ease;
      -moz-transition: all 2s ease;
      -ms-transition: all 2s ease;
      transition: all 2s ease;
    }
.zoomin img:hover {
      width: 500px;
      height:500px;
    }
	
.{box-sizing: border-box;}

.img-magnifier-container {
	position: relative;
	font-style: italic;
}

.img-magnifier-glass {
  position: absolute;
  border: 3px solid #000;
  border-radius: 50%;
  cursor: none;
  /*Set the size of the magnifier glass:*/
  width: 200px;
  height: 200px;
  
}



.junior{}
.junior:hover {
	background: url('images/icons/headers/store dropdown/junior_hover.png');
	background-size: 100% 100% !important;
	height: 175px;
	width: 350px;
}
.zoom {
  padding: 21px;
 
  transition: transform .2s; 
  width: 200px;
  height: 200px;
  margin: 0 auto;
}

.zoom:hover {
  transform: scale(2.2);
}#buy {
	background-image: url('images/icons/headers/store dropdown/hats.png');
	height: 100px;
}