body{
  margin:0px !important;
}


hr{
  border-top: 10px dashed brown;
}

a{
  color:green;
text-decoration: none;
}


a:hover{
  color:#696969;
}



a:link{
  color:green;
}

a:visited{
  color:#6F5B74;
}

.center{
  text-align:center;
}


.nookduino {
  max-width:1200px;
  margin-left:auto;
  margin-right:auto;

}

.nookCardBlogReverse
{
/*transform: rotate(1deg) !important;*/
}


.diyCard{
  display:block;
  margin-left:auto;
  margin-right:auto;
  
}

.nookCardBlog > p
{
  padding:10px;

}


.nookCardBlog
{
color:#000000;

border: solid white 20px;
box-shadow: 12px 12px;
/*transform: rotate(-1deg);*/

  max-width: 100%;
/*height:400px;*/
margin-bottom:20px;
 padding:4px;
background-color:#F25782;
text-align:left;
font-family: 'Roboto', sans-serif;
-webkit-backface-visibility: hidden;
outline: 1px solid transparent;
box-shadow: 0 0 12px rgba(255,255,255,0);
 overflow: hidden;

                font-size: 25px; 


/*position: absolute; 
                top: 0; 
                left: 0; 
                bottom: 0; 
                right: 0; */




}



.nookCard 
{
color:#000000;
  padding-bottom: 75%;
border: solid white 20px;
box-shadow: 12px 12px;
/*transform: rotate(-1deg);*/

  max-width: 100%;
/*height:400px;*/
margin-bottom:20%;
 padding:4px;
background-color:#fcf9c5;
text-align:center;
font-family: 'Roboto', sans-serif;
-webkit-backface-visibility: hidden;
outline: 1px solid transparent;
box-shadow: 0 0 12px rgba(255,255,255,0);
 overflow: hidden;



position: absolute; 
                top: 0; 
                left: 0; 
                bottom: 0; 
                right: 0; 
                text-align: center; 
                font-size: 25px; 




}
.nookCard p
{

  /*
  background-repeat: no-repeat;
  background-size: cover;
  padding:30px;

  
      background: #f5eb99;
      border-radius: 100px / 50px;*/

}


.nookCard p::after {
	  content: "";
     
       opacity: 0.5;
	  top: 0;
	  left: 0;
	  bottom: 0;
	  right: 0;
	  position: absolute;
	  z-index: -1;   
}

.nookNav{
background-color: #fcf6de;
height:100px;

}

/*
.nookCard p::after {
  content: "";
  background: url(image.jpg);
  opacity: 0.5;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;   
}
*/

.nookCard h1 , .nookCardBlog h1{

font-family: 'Roboto', sans-serif;

}



.nookCardTop

{
  /*margin-top:100px;*/

margin-right:auto;
margin-left:auto;
text-align:center !important; 

}


.nookCardWrapperBlog

{

/*
  width: 80%;
 min-width:400px;*/
                position: static; 

margin-right:auto;
margin-left:auto;

                width: 80%; 


}




@media only screen and (max-width: 600px) {

.nookCardWrapper

{

/*
  width: 80%;
 min-width:400px;*/
                position: static; 
margin-top:10vw;
margin-right:auto;
margin-left:auto;

                width: 80%; 
                padding-top: 110%; /* 16:9 Aspect Ratio */ 

}



.nookface{
  width:15vw;
margin-right:auto;
margin-left:auto;
text-align: center;
display:block;
}


.nookCard h1 , .nookCardBlog h1{

 font-size:3.5vw;
}

.nookCard p
{

 font-size:3vw;

}

.bigBackBanner
{
  display:none;
}

  .nookShape{
      width:100%;
      margin-left:auto;
      margin-right:auto;
    }

    .shape{

    background-color: #fcf6de;
    width:16.66666%;
    height:10vw;
    float:left;
      position:relative;
      top:0px;
      bottom:0px;
      text-align:center;
      font-size:4vw;
      font-family: 'Roboto', sans-serif;


    }



    .shapeCircleIcon{


      background-repeat: no-repeat;
      background-size: 100%;
      background-position: center; 
      width: 70%;
      padding-top: 70%;
      margin-left:auto;
      margin-right:auto;


      /*border :4px black solid;*/
      border-radius: 50%;
      opacity:75;
   
      margin-top:-82.5%;
   

    }





    .shapeCircleBottom{

      width: 100%;
      padding-top: 100%;
      margin-left:auto;
      margin-right:auto;
      background: green;
      background: #fcf6de;
      margin-top:-2vw;


      border-radius: 50%;
      opacity:75;
      z-index: -1;
   

    }

    .emptyBig{
      display:none;
    }

}



@media only screen and (max-width: 1200px) and (min-width: 601px) {

.nookCardWrapper

{

/*
  width: 80%;
 min-width:400px;*/
                position: static; 
margin-top:10vw;
margin-right:auto;
margin-left:auto;

                width: 80%; 
                padding-top: 75%; /* 16:9 Aspect Ratio */ 

}




.nookface{
  width:15vw;
margin-right:auto;
margin-left:auto;
text-align: center;
display:block;
}


.nookCard h1 , .nookCardBlog h1{

 font-size:3.5vw;
}

.nookCard p
{

 font-size:2vw;

}


    .bigBackBanner
{
  display:none;
}
    .nookShape{
      width:100%;
      margin-left:auto;
      margin-right:auto;
    }

    .shape{

    background-color: #fcf6de;
    width:16.66666%;
    height:10vw;
    float:left;
      position:relative;
      top:0px;
      bottom:0px;
      text-align:center;
      font-size:3vw;
      font-family: 'Roboto', sans-serif;


    }



    .shapeCircleIcon{


      background-repeat: no-repeat;
      background-size: 100%;
      background-position: center; 
      width: 70%;
      padding-top: 70%;
      margin-left:auto;
      margin-right:auto;


      /*border :4px black solid;*/
      border-radius: 50%;
      opacity:75;
   
      margin-top:-82.5%;
   

    }





    .shapeCircleBottom{

      width: 100%;
      padding-top: 100%;
      margin-left:auto;
      margin-right:auto;
      background: green;
      background: #fcf6de;
      margin-top:-2vw;


      border-radius: 50%;
      opacity:75;
      z-index: -1;
   

    }

    .emptyBig{
      display:none;
    }

}


@media only screen and (min-width: 1201px) {


.nookCardWrapper

{

/*
  width: 80%;
 min-width:400px;*/
                position: static; 
margin-top:50px;
margin-right:auto;
margin-left:auto;

                width: 80%; 
                padding-top: 65%; /* 16:9 Aspect Ratio */ 

}



.nookface{
  width:170px;
margin-right:auto;
margin-left:auto;
text-align: center;
display:block;
}



.nookCard h1 , .nookCardBlog h1{

 font-size:35px;
}

.nookCard p
{

 font-size:25px;

}




  .bigBackBanner
{


    background-color: #fcf6de;
    width:100%;
    height:120px;
    
      position:absolute;
      top:0px;
      bottom:0px;




}

    .nookShape{
      width:100%;
      margin-left:auto;
      margin-right:auto;
    }

    .shape{

    background-color: #fcf6de;
    width:199px;
    height:120px;
    float:left;
      position:relative;
      top:0px;
      bottom:0px;
      text-align:center;
      /*font-size:2vw;*/
      font-size:30px;
      font-family: 'Roboto', sans-serif;


    }



    .shapeCircleIcon{


      background-repeat: no-repeat;
      background-size: 100%;
      background-position: center; 
      width: 70%;
      padding-top: 70%;
      margin-left:auto;
      margin-right:auto;


      /*border :4px black solid;*/
      border-radius: 50%;
      opacity:75;
   
      margin-top:-82.5%;
   

    }





    .shapeCircleBottom{

      width: 100%;
      padding-top: 100%;
      margin-left:auto;
      margin-right:auto;
      background: green;
      background: #fcf6de;
      margin-top:-36px;


      border-radius: 50%;
      opacity:75;
      z-index: -1;
   

    }

    .emptyBig{
      display:none;
    }

}





    .roundIconBGHome{     
     background-image: url("graphics/logo.png");
    }

    .roundIconBGSetup{
      background-image: url("graphics/acornRound.png");
    }


    .roundIconBGprojects{
      background-image: url("graphics/cards.png");
    }
    .roundIconBGfaq{
      background-image: url("graphics/FAQ.png");
    }
    .roundIconBGteam{
      background-image: url("graphics/credits.png");
    }
    .roundIconBGresources{
      background-image: url("graphics/OSH.png");
    }

.teamDemo{
  display:block;
  width:100%;
}



.specs
{
  margin-left:auto;
  margin-right:auto;
  font-size:28px;
}
.specs td
{
  border: solid 2px black;
  

}

.dateStamp
{
color:#8EA1AA;
}
.nookCardTransition
{

    margin-top: -15%;

}