/*
All rights reserved Matthew Ernest Rummler 2008-2030.
*/
/* 
    Created on : Mar 21, 2018, 2:41:16 PM
    Author     : mer
*/

:root
{
  --green-2: rgba(122,196, 30,0.9);
  --green-3: rgba( 37,113, 0,1);
  --green-0: rgba(165,229,111,.4);
  --green-00: rgba(180, 234, 114,.9);
  --green-4: rgba(18, 35, 4,1);
  --green-5: rgba(22, 36, 4,.97);
  --gold-1:   #daa625;
  width: 100%;
  /*min-width: 330px;*/
}
/* latin-ext */
@font-face
{
  font-family: 'Righteous';
  font-style: normal;
  font-weight: 400;
  src: local('Righteous'), local('Righteous-Regular'), url(http://fonts.gstatic.com/s/righteous/v5/eJYqrhUff1n1Ge9A-rSw_BJtnKITppOI_IvcXXDNrsc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face
{
  font-family: 'Righteous';
  font-style: normal;
  font-weight: 400;
  src: local('Righteous'), local('Righteous-Regular'), url(http://fonts.gstatic.com/s/righteous/v5/w5P-SI7QJQSDqB3GziL8XVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}
body
{
  margin: 0 auto;
  padding: none;
  min-height: 100%;
  width: 100%;
  background-color: var(--green-5,white);
}
.backgroundimage
{
  background-origin: border-box;
  background-size: cover;
  /*background-size: 50%;*/
  width: 100%;
  /*height: 75%;*/
  /*position: absolute;*/
  position: sticky;
  top: 0px;
  left: 0px;
  background-position: center;
  z-index: -20 !important;
  max-height: 1800px;
  min-height: 800px;
  /*overflow-y: scroll;*/
  /*color: inherit;*/
}
.image-holder
{
  width: 100%;
  background-size: cover;
  background-attachment: fixed;
 /**/background-position: 75% 100%;/**/
  background-repeat: no-repeat;
  max-height: 1800px;
  min-height: 800px;
}
.image1
{
  background-image: url(./images/naskco_shirt22-23.jpg);
}
.image2
{
  background-image: url(./images/naskco_shirt21-22.jpg);
}
.image3
{
  background-image: url(./images/ROBOTICS-COMPETITION-APR03-22-002.webp);
}
.content
{
  max-width: 100%;
  max-height: 4500px;
  overflow: hidden;
}
.whiteText{color: rgba(255,255,255,.8);}
.flex
{
  display: flex;
  flex-grow: 1;
  justify-content: center;
}
.row
{
  flex-direction: row;
}
.column
{
  flex-direction: column;
}
.absolute
{
  position: absolute;
  top: 10px;
}
.static
{
  position: fixed;
  top: 10px;
}
.fixed
{
  position: fixed;
  top: -0px;
}
.transparent
{
  background-color: rgba(255,255,255,.5);
  /*background-color: var(--green-0);*/
}
/**
Z INDEX
**/
.zindex-minus10{ z-index: -10;}
.zindex-zero{ z-index: 0;}
.zindex-10{ z-index: 10;}
.zindex-20{ z-index: 20;}
.zindex-30{ z-index: 30;}


article
{
/*  background-color: rgba(255,255,255,.9);
  */
  font-family: monospace, helvetica;
  font-weight: bold;
  background-color: var(--gold-1,white);
  color: rgba(255,255,255,.5);
}
.spacer
{
  min-height: 100px;
  background: transparent;
/*  background-color: rgba(255,255,255.1);
  */
}
.spacer200
{
  min-height: 200px;
  background: transparent;
/*  background-color: rgba(255,255,255.1);
  */
}
.spacer50
{
  min-height: 50px;
  background: transparent;
}
.spacer25
{
  min-height: 25px;
  background: transparent;
}
.medium-h
{
  min-height: 680px;
}
.small-h
{
  min-height: 330px;
}
.tiny-h
{
  min-height: 175px;
}
.large-h
{
  min-height: 1125px;
}
.centered-text, title
{
  text-align: center;
  font-size: 200%;
  color: var(--green-5);
  
}
article
{
  padding: 1% 6% 2% 14%;
}
.fontincrease50{ font-size: 150%;}
.fontincreasedouble{ font-size: 200%;}
/*responsive stuff*/
/* Medium-small screens */
@media (min-width: 420px) 
{
  html { font-size: 18px;/*114%;*/ }
  .modal-dialog { width: 420px;}
}

/* Medium screens */
@media (min-width: 710px) 
{
  html { font-size: 20px;/*114%;*/ }
  .modal-dialog { width: 420px;}
}

/* Medium-large screens */
@media (min-width: 800px) 
{
  html { font-size: 22px;/*114%;*/ }
  .modal-dialog { width: 800px;}
}

/* Large screens */
@media (min-width: 1440px) 
{
  html { font-size: 26px;/*122%;*/ }
}
/* Large screens */
@media (min-width: 1920px)
{
  html { font-size: 30px;/*130%;*/ }
  .modal-dialog { width: 1100px;}
}
/* Very Large screens */
@media (min-width: 2048px)
{
  html { font-size: 34px;/*130%;*/ }
}
a{color: royalblue};
/*
@media screen and (min-width: 300px)
{
  style.css?v=5.4:7
  html
  {
      font-size: calc(15px + 7 * ((100vw - 300px) / 900));
      font-family: "Whitney SSm A", "Whitney SSm B", "Lato", "Lucida Grande", "Lucida Sans Unicode", Tahoma, Sans-Serif;
      font-weight: 400;
      line-height: 1.45
  }
}
*/