body {
  /* text-align: center; */
  padding: 0px;
  margin: 0px;
  font-family: 'Open Sans', sans-serif;
  background: url("/img/archives_ngc6946.jpg") 50% 50%/cover;
  background-attachment: fixed;
  color:rgb(197, 188, 223);
  box-sizing: border-box;
}

/* .catalogwrapper {  max-width: 600px;  margin: 0 auto;  min-height: 800vh;} */
/* .catalogwrapper {  width: 800px;  margin: 0 auto;  min-height: 800vh;} */
/* img {  max-width: 100%;  height: auto;}
.catalognumbers{display: inline-block; position: absolute;left:-2vw} */


.catalogwrapper {  width: 650px;  margin: 0 auto;  min-height: 800vh;background-color: rgba(137, 43, 226, 0);}
.catalognumbers { 
  font-family: "MuseoModerno";
  /* font-family: "Fira Code", mono-space; */
  font-weight: 300;
  /* font-size: 5vw; */
  font-size: 2.0vw;
  width:7.5vw;
  text-transform: uppercase;
  /* margin: 0; */
  color: rgb(255, 0, 200);
/* width:7.5vw; */
background-color: rgba(210, 105, 30, 0);
}
.catalogsize { 
  font-family: "MuseoModerno";
  /* font-family: "Fira Code", mono-space; */
  font-weight: 400;
  /* font-size: 1.0vw; */
  width:7.5vw;
  text-transform: uppercase;
  /* margin: 0; */
  color: rgb(255, 0, 200);
text-align: right;
z-index:10;
/* align-self:flex-end; */
/* align-self: flex-start; */
/* position:absolute;
left:1.5vw; */


background-color: rgba(210, 105, 30, 0);

}



.catalogofstarstitle {
  font-family: "MuseoModerno";
  /* font-family: "Fira Code", mono-space; */
  font-weight: 300;
  /* font-size: 2vw; */
  text-transform: uppercase;
  /* margin: 0 auto; */
  color: rgb(255, 0, 200);
  /* position: absolute; */
  top:100px;
  background-color: rgba(0, 0, 255, 0);
  /* width:100%; */
  /* display: flex;
  justify-content: center; */
/* display: block; */
text-align: center;
/* margin-bottom:130px; */

}



@media screen and (min-width:1200px) and (max-width: 5000px) {
  body {overflow-x: hidden;}
  /* img {  max-width: 100%;  height: auto;} */
  .catalogwrapper {  width: 40vw;  margin: 0 auto;  min-height: 800vh; background-color: rgba(255, 140, 0, 0);}
  .catalognumbers{     font-size:2vw; width:5vw; background-color: rgba(137, 43, 226, 0);  }
    .catalogsize { font-size:1vw;width:5vw; background-color: rgba(210, 105, 30, 0); }
    .catalogofstarstitle {font-size:3vw !important; }
    .catalogimgsize {width:500px !important; height:500px !important;}
    #dummycontainercatalog {width:100%; height:300px; background-color: rgba(0, 38, 255, 0);}
    .catalogofstarstitle { height:100px; margin-bottom: 400px;}
      }

@media screen and (min-width:700px) and (max-width: 1199px) {
  body {overflow-x: hidden;}
  /* img {  max-width: 80%;  height: auto;} */
  .catalogwrapper {  width: 450px;  margin: 0 auto;  min-height: 800vh; background-color: rgba(220, 190, 20, 0);}
  .catalognumbers{     font-size:3vw; width:5vw;   }
    .catalogsize { font-size:2vw;width:5vw; text-align: left;}
    .catalogofstarstitle {font-size:8vw !important;}
    .catalogimgsize {width:200px !important; height:200px !important; }
    #dummycontainercatalog {width:100%; height:200px; background-color: rgba(0, 255, 255, 0);}
    .catalogofstarstitle { margin-bottom: 300px;}
      }

@media screen and (min-width:200px) and (max-width: 699px) {
  body {overflow-x: hidden;}
  /* img {  max-width: 80%;  height: auto;} */
  .catalogwrapper {  width: 245px;  margin: 0 auto;  min-height: 800vh; background-color: rgba(220, 190, 20, 0);}
  .catalognumbers{     font-size:6vw; width:4.5vw;    }
    .catalogsize { font-size:4vw;width:4.5vw;  text-align: left;}
    .catalogofstarstitle {margin-bottom: 100px;font-size:8vw !important;}
    .catalogimgsize {width:180px !important; height:180px !important; }
    #dummycontainercatalog {width:100%; height:100px; background-color: rgba(0, 255, 21, 0);}
  
      }





      /* @media (max-width: 999px) { */
        /* body {overflow-x: hidden;} */
        /* img {  max-width: 100%;  height: auto;} */
        /* .catalogwrapper {  width: 100vw;  margin: 0 auto;  min-height: 800vh;} */
        /* .catalogwrapper {  max-width: calc(100vw - (100vw - 100%))x;  margin: 0 auto;  min-height: 800vh;} */
        /* .catalognumbers{display: inline-block; position: absolute;left:-0.3vw; font-size:3vw;} */
            /* } */

/* @media (max-width: 900px) {
body {overflow-x: hidden;}
img {  max-width: 50%;  height: auto;} */
/* .catalogwrapper {  max-width: calc(100vw - (100vw - 100%))x;  margin: 0 auto;  min-height: 800vh;} */
/* .catalogwrapper {  width: 100vw;  margin: 0 auto;  min-height: 800vh;} */
/* .catalognumbers{display: inline-block; position: absolute;left:17vw; font-size:5vw;} */
    /* } */
    /* .catalognumbers{       font-size:2vw;    } */

/* @media only screen and (max-width: 900px) and (orientation : portrait) {
.catalogwrapper {  width: 90vw;  margin: 0 auto;  min-height: 800vh; background-color: darkorchid;}
.catalognumbers{     font-size:4vw; width:5vw;   }
  .catalogsize { font-size:2vw;width:5vw; } */



/* 
  #dummycontainercatalog{width:100%; height:250px; background-color: rgba(195, 0, 255, 0);} */

/* @media only screen and (max-width: 900px) and (orientation : landscape) { */
  /* .catalogwrapper {    width: calc(100vw - (100vw - 100%));    margin: 0px;  } */
  /* #dummycontainercatalog{width:100%; height:250px; background-color: rgba(0, 255, 255, 0.466);}} */

/* #region [red3] @supports */
/* https://stackoverflow.com/questions/30102792/css-media-query-to-target-only-ios-devices */
/* CSS specific to iOS devices */
@supports (-webkit-touch-callout: none) {
  body {
      background-image: none;}
  body:before {
      content: "";
      background: url("/img/archives_ngc6946.jpg") 50% 50%/cover;
      background-size: cover;
      position: fixed;
      /* background-attachment: fixed; */
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: -10;
  }}
/* endregion */





#catalog1,#catalog2,#catalog3,#catalog4,#catalog5,#catalog6,#catalog7,#catalog8,#catalog9,#catalog10,#catalog11,#catalog12,#catalog13,#catalog14,#catalog15,#catalog16,
#catalog17,#catalog18,#catalog19,#catalog20,#catalog21,#catalog22,#catalog23,#catalog24,#catalog25,#catalog26,#catalog27,#catalog28,#catalog29,#catalog30,#catalog31,#catalog32,
#catalog33,#catalog34,#catalog35,#catalog36,#catalog37,#catalog38,#catalog39,#catalog40,#catalog41,#catalog42,#catalog43,#catalog44,#catalog45,#catalog46,#catalog47,#catalog48,
#catalog49,#catalog50,#catalog51,#catalog52,#catalog53,#catalog54,#catalog55,#catalog56,#catalog57,#catalog58,#catalog59,#catalog60,#catalog61,#catalog62,#catalog63,#catalog64,
#catalog65,#catalog66,#catalog67,#catalog68,#catalog69,#catalog70,#catalog71,#catalog72,#catalog73,#catalog74,#catalog75,#catalog76,#catalog77,#catalog78,#catalog79,#catalog80,
#catalog81,#catalog82,#catalog83,#catalog84,#catalog85,#catalog86,#catalog87,#catalog88,#catalog89,#catalog90,
#catalog91,#catalog92,#catalog93,#catalog94,#catalog95,#catalog96,#catalog97,#catalog98,#catalog99,#catalog100


{
  margin-bottom: 125px;
  z-index: 10;
  background-attachment: fixed;
  will-change: transform, opacity;
  transform: scale (0.5);
  opacity: 0.5;
  filter: blur(3px);
  display:flex;
  align-items: center;
  flex-wrap:nowrap;
  justify-content:space-between;
  background-color: rgba(127, 255, 212, 0);

}