/*page 12*/

.maincontent{
  height: 86%;
  padding: 1.5% 0 0 0;
      margin-bottom: 2%;
}
/*PART 1*/
#spinTheWheel{
  height: 66%;
}
.posters{
  text-align: center;
}

.wheel{
text-align: center;
 cursor: pointer;
}


.wheel img{
 border:;
  width:50%;
  height:auto;
}

p{ 
    font-weight: bold;
    color:#333;
}


.reset, .start{
  margin-bottom: 2%;
}
.start {
  
  width:50px;
  height:50px;
  border-radius: 50%;

}

.imageContainer{
height:100%;

}
#images, #imageTitle{
text-align: center;
}
#images{
  height: 95%;
}
#imageTitle{
  margin-bottom: 0;
}

#images img{
width: auto;
    height: 100%;
      border: 1px dashed #f4ac42;
  box-shadow: 5px 5px 2px #ccc;
}

.reset{
 display: none;
}
/*PART 2*/
#pastChoices{
  height: 23%;
}

.catalogue{
  width:100%;
  border-radius: 5px;
  height:150px;
  text-align: center;
}

.catalogue li{
  width:6%;

  margin-left:.5%;
  margin-right:.5%;
  display:inline-block;
  
}
.catalogue li img{
 width:100%;
 height: auto;
box-shadow: 5px 5px 2px #ccc;
border: 1px dashed #f4ac42;
}

.copyright{
  margin-bottom: .5%;
}

.imageDetails{
  display: none;
}

.imageCopyrightsBtn {
margin-bottom: 1%;
}


@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
 .imageContainer{
    height:22em;
}

}


/* ----------- Large Display ----------- */

@media screen and (min-width: 1920px) and (min-height: 1080px) {
    /* Styles */
}


/* ----------- Laptop HiDPI screen ----------- */

@media screen and (min-width: 1440px) and (min-height: 900px) {
    /* Styles */
}


/* ----------- Laptop ----------- */

@media screen and (min-width: 1366px) and (min-height: 768px) {
    /* Styles */
    .maincontent {
      padding: 0;
    }

}


/* ----------- Laptop MDPI screen ----------- */

@media screen and (min-width: 1280px) and (min-height: 800px) {
    /* Styles */
}


/* ----------- iPad ----------- */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
    /* Styles */
   
}


/* ----------- iPhone 5 ----------- */

@media only screen and (min-device-width: 568px) and (min-device-height: 320px) {
    /* Styles */
}