/*img.buyNowButton
{

width: 190%;


}*//





#buyButtonNEWID

{
  /*height: 25%;*/

  width: 10px;


}



 div.teterboroLogo

 {  display: inline-block;
   width: 25%;
   /*height: 25%;*/
   padding: 5px;
   position: relative;
   top: 3px;
   left: -22px;




}

input[type="justabutton"] {
    width: 1000px;
    height: 100px;
    border: 2px solid blue;
  }







input[type="image"] {
      width: 100px;
      height: 100px;
      border: 2px solid blue;
      left: 66px;
    }





.justLogo img {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Fills the container while maintaining aspect ratio */
}








img.teterboroLogoSize
{

width: 78%;


}

div.teterboroParagraph
{
  display: inline-block;
  width: 75%;
  height: 15%;
   vertical-align:  top;
   position: relative;


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


   line-height: 1.2;
   font-size: 1.1em;
   /*color: #5c6d71;*/

   color:#b3b3b3;


   top: 19px;
   left: 22%;

}







.topEmailLine
{
  font-size: 1.2em;

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

  color:#9e9d9d;

  text-align: center;
  position: relative;


}




.belowBodyBarImageSpacing
{

margin-bottom: 10%;

}





.mainPageDiv
{
        top: 5px;
   width: 70%;
    margin-left: auto;
    margin-right: auto;
    position: relative;



}



.mainPageDivMargo
{
        top: 5px;
   width: 60%;
    margin-left: auto;
    margin-right: auto;
    position: relative;



}


/*gallery page start*/





.galleryTable {


    width: 50%;

    margin-left: auto;
    margin-right: auto;
    position: relative;

      /*background-color: green;*/

}

.galleryTDTable {



 width: 25%;

  /* background-color: orange;*/

   margin-left: auto;
   margin-right: auto;
   position: relative;


}






/*//////////////////////////////////////////////////////////////////////*/


div.navigationArrows
{
  display: inline-block;
  width: 75%;
  height: 15%;
   vertical-align:  top;
   position: relative;


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


   line-height: 1.2;
   font-size: 2.2em;
   /*color: #5c6d71;*/

   color:#b3b3b3;


   top: 19px;
   left: 80%;

}






 div.greenCarlogo
 {

   display: inline-block;
   width: 5%;
   /*height: 25%;*/
   padding: 5px;
   position: relative;
   top: 5px;
   left: 2px;


 }







 img.greenCarlogoSize
 {

 width: 170%;


 }


 div.greenCarParagraph
 {
   display: inline-block;
   width: 75%;
   height: 15%;
    vertical-align:  top;
    position: relative;


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


    line-height: 1.2;
    font-size: 1.1em;
    /*color: #5c6d71;*/

    color:#b3b3b3;


    top: 19px;
    left: 6%;

 }
















div.johnLewisLogo
{

  display: inline-block;
  width: 5%;
  /*height: 25%;*/
  padding: 5px;
  position: relative;
  top: 20px;
  left: -2px;


}


img.johnLewisLogoSize
{

width: 190%;


}



div.johnLewisParagraph
{
  display: inline-block;
  width: 75%;
  height: 15%;
   vertical-align:  top;
   position: relative;


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


   line-height: 1.2;
   font-size: 1.1em;
   /*color: #5c6d71;*/

   color:#b3b3b3;


   top: 19px;
   left: 10%;

}









div.threePersonIllos
{

  display: inline-block;
  width: 14%;
  /*height: 25%;*/
  padding: 5px;
  position: relative;
  top:20px;
  left: -2px;


}


img.threePersonIlloslogoSize
{

width: 60%;


}


div.threePersonIllosParagraph
{
  display: inline-block;
  width: 75%;
  height: 15%;
   vertical-align:  top;
   position: relative;


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


   line-height: 1.2;
   font-size: 1.1em;
   /*color: #5c6d71;*/

   color:#b3b3b3;


   top: 19px;
   left: -3%;

}













div.Cabelaslogo
{

  display: inline-block;
  width: 6%;
  /*height: 25%;*/
  padding: 5px;
  position: relative;
  top:13px;
  left: -2px;


}







img.CabelaslogoSize
{

width: 190%;


}









div.flagAlogo
{

  display: inline-block;
  width: 6%;
  /*height: 25%;*/
  padding: 5px;
  position: relative;
  top:13px;
  left: -2px;


}







img.flagAlogoSize
{

width: 135%;


}


div.flagAParagraph
{
  display: inline-block;
  width: 75%;
  height: 15%;
   vertical-align:  top;
   position: relative;


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


   line-height: 1.2;
   font-size: 1.1em;
   /*color: #5c6d71;*/

   color:#b3b3b3;


   top: 17px;
   left: 5%;

}








div.margotLogo
{

  display: inline-block;
  width: 4%;
  /*height: 25%;*/
  padding: 5px;
  position: relative;
  top: -2px;
  left: -2px;


}


img.margotLogoSize
{

width: 200%;


}








div.arrowParagraph
{
  display: inline-block;
  width: 80%;
  height: 15%;
   vertical-align:  top;
   position: relative;


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


   line-height: 1.2;
   font-size: 1.1em;
   /*color: #5c6d71;*/

   color:#b3b3b3;


   top: 10px;
   left: 6%;

}



div.arrowUp
{

  display: inline-block;
  width: 4%;
  /*height: 25%;*/
  padding: 5px;
  position: relative;
  top:5px;
  left: -2px;


}



div.burningWomanlogo
{

  display: inline-block;
  width: 6%;
  /*height: 25%;*/
  padding: 5px;
  position: relative;
  top:13px;
  left: -2px;


}







img.burningWomanlogoSize
{

width: 190%;


}





div.burningWomanParagraph
{
  display: inline-block;
  width: 75%;
  height: 15%;
   vertical-align:  top;
   position: relative;


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


   line-height: 1.2;
   font-size: 1.1em;
   /*color: #5c6d71;*/

   color:#b3b3b3;


   top: 19px;
   left: 10%;

}







div.CabelasParagraph
{
  display: inline-block;
  width: 75%;
  height: 15%;
   vertical-align:  top;
   position: relative;


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


   line-height: 1.2;
   font-size: 1.1em;
   /*color: #5c6d71;*/

   color:#b3b3b3;


   top: 17px;
   left: 10%;

}


 /* END OF CABELAS */


 /*//////////////////////////////////////////////////////////////////////*/


 div.waitresslogo
 {

   display: inline-block;
   width: 5%;
   /*height: 25%;*/
   padding: 5px;
   position: relative;
   top: 5px;
   left: 2px;


 }







 img.waitresslogoSize
 {

 width: 170%;


 }



 div.waitressParagraph
 {
   /*display: inline-block;*/
   width: 90%;
   height: 15%;
    vertical-align:  top;
    position: relative;


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


    line-height: 1.2;
    font-size: 1.1em;
    /*color: #5c6d71;*/

    color:#b3b3b3;


    top: 46px;
    left: -4%;

 }


/*//////////////////////////////////////////////////////////////////////*/


 div.mooseheadLogo
 {

   display: inline-block;
   width: 6%;
   /*height: 25%;*/
   padding: 5px;
   position: relative;
   top: 13px;
   left: -2px;


 }







 img.mooseheadLogoSize
 {

 width: 190%;


 }



 div.mooseheadParagraph
 {
   display: inline-block;
   width: 75%;
   height: 15%;
    vertical-align:  top;
    position: relative;


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


    line-height: 1.2;
    font-size: 1.1em;
    /*color: #5c6d71;*/

    color:#b3b3b3;


    top: 17px;
    left: 10%;

 }





  /*//////////////////////////////////////////////////////////////////////*/






 div.gravityVaultLogo
 {

   display: inline-block;
   width: 8%;
   /*height: 25%;*/
   padding: 5px;
   position: relative;
   top: 15px;
   left: -2px;


 }







 img.gravityVaultLogoSize
 {

 width: 190%;


 }



 div.gravityVaultParagraph
 {
   display: inline-block;
   width: 75%;
   height: 15%;
    vertical-align:  top;
    position: relative;


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


    line-height: 1.2;
    font-size: 1.1em;
    /*color: #5c6d71;*/

    color:#b3b3b3;


    top: 17px;
    left: 12%;

 }



  /*//////////////////////////////////////////////////////////////////////*/




 div.windmillLogo
 {

   display: inline-block;
   width: 5%;
   /*height: 25%;*/
   padding: 5px;
   position: relative;
   top: 13px;
   left: -2px;


 }







 img.windmillLogoSize
 {

 width: 210%;


 }



 div.windmillParagraph
 {
   display: inline-block;
   width: 75%;
   height: 15%;
    vertical-align:  top;
    position: relative;


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


    line-height: 1.2;
    font-size: 1.1em;
    /*color: #5c6d71;*/

    color:#b3b3b3;


    top: 17px;
    left: 8%;

 }


 /*/////////////////////////////////////////////*/



 div.gladiatorSoccerLogo
 {

   display: inline-block;
   width: 5%;
   /*height: 25%;*/
   padding: 5px;
   position: relative;
   top: 13px;
   left: -2px;


 }







 img.gladiatorSoccerLogoSize
 {

 width: 160%;


 }



 div.gladiatorSoccerLogoParagraph
 {
   display: inline-block;
   width: 75%;
   height: 15%;
    vertical-align:  top;
    position: relative;


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


    line-height: 1.2;
    font-size: 1.1em;
    /*color: #5c6d71;*/

    color:#b3b3b3;


    top: 17px;
    left: 6%;

 }




/*/////////////////////////////////////*/





 div.samselLogo
 {

   display: inline-block;
   width: 5%;
   /*height: 25%;*/
   padding: 5px;
   position: relative;
   top: 13px;
   left: -2px;


 }







 img.samselLogoSize
 {

 width: 280%;


 }



 div.SamselParagraph
 {
   display: inline-block;
   width: 75%;
   height: 15%;
    vertical-align:  top;
    position: relative;


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


    line-height: 1.2;
    font-size: 1.1em;
    /*color: #5c6d71;*/

    color:#b3b3b3;


    top: 17px;
    left: 13%;

 }



 /*//////////////////////////////////////////////////////////////////////*/




div.profetaLogo
{

  display: inline-block;
  width: 5%;
  /*height: 25%;*/
  padding: 5px;
  position: relative;
  top: 13px;
  left: -2px;


}







img.profetaLogoSize
{

width: 300%;


}



div.profetaParagraph
{
  display: inline-block;
  width: 75%;
  height: 15%;
   vertical-align:  top;
   position: relative;


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


   line-height: 1.2;
   font-size: 1.1em;
   /*color: #5c6d71;*/

   color:#b3b3b3;


   top: 17px;
   left: 15%;

}



 /*//////////////////////////////////////////////////////////////////////*/



div.dunkinDonutsLogo
{

  display: inline-block;
  width: 6%;
  height: 25%;
  padding: 5px;
  position: relative;
  top: 16px;
  left: -2px;

}



div.dunkinDonutsParagraph
{
  display: inline-block;
  width: 80%;
  height: 15%;
   vertical-align:  top;
   position: relative;


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


   line-height: 1.2;
   font-size: 1.1em;
   color:#b3b3b3;

   top: 16px;
   left: 5px;



 /*//////////////////////////////////////////////////////////////////////*/


}










 /*//////////////////////////////////////////////////////////////////////*/




 div.joeTeaLogo

 {

   display: inline-block;
   width: 5%;
   /*height: 25%;*/
   padding: 5px;
   position: relative;
   top: 17px;
   left: -2px;

 }



 img.joeTeaLogoSize
 {

 width: 140%;


 }



 div.joeteaParagraph
 {
   display: inline-block;
   width: 75%;
   height: 15%;
    vertical-align:  top;
    position: relative;


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


    line-height: 1.2;
    font-size: 1.1em;
    /*color: #5c6d71;*/

    color:#b3b3b3;


    top: 17px;
    left: 6%;





 }








 /*//////////////////////////////////////////////////////////////////////*/




.topLargeImage
{
    width: 100%;
    position: relative;

}


.WrapperFormainPageDiv

{
        top: 5px;
   width: 100%;


}


.mainText
{
     /*font-family: 'Cambay', sans-serif;*/


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


     color:#b3b3b3;


    /*color: #5c6d71;*/
    /*font-size: 4vw;*/
     font-size:1.5em;


    position: relative;

  left: 2%;
    top: 27px;


}

.wrapperForLogoAndParagraph
{

 left: 2%;
    top: 30px;
    position: relative;


}





  /* NAVIGATION for "topNavica.js" */



/* for WHOLE navigation area - unless definded by other css */
  .topNavMainBox
{

  /*font-family: 'Truculenta', sans-serif;*/
    /*font-family: Arial;*/
    width: 100%;
    height: 30px;
    background: #ffffff;
    color:#b3b3b3;
    position: relative;
    top: 0px;
}

.topNavLeftBox
{
    /*font-size: 0.9em;*/

    font-size: 1.2em;


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


    /*ccolor:#5c6d71;*/


  color:#b3b3b3;


    text-align: left;
    vertical-align: middle;
    position: absolute;
    top: 7px;
    left: 3px;
}


.topNavRightBox
{
  font-size: 1.2em;


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

    /*font-family: Arial;*/
      color:#b3b3b3;
    text-align: right;
    position: absolute;
    top: 7px;
    right: 8px;
}


.topNavRightBoxForKevinCrozier
{
    font-size: 1.2em;


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

    /*font-family: Arial;*/
    color:#b3b3b3;
    text-align: right;
    position: absolute;
    top: 7px;
    right: 8px;
}


.topNavLinks A:link
{
      color:#b3b3b3;
    text-decoration: none;
}

.topNavLinks A:visited
{
      color:#b3b3b3;
    text-decoration: none;
}

.topNavLinks A:hover
{
      color:#b3b3b3;
    text-decoration: none;
}


#realImagesInGalleryTable
{


   width: 100%;


}




/*  START OF RESPONSIVE
____________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________*/

/*  START OF RESPONSIVE
____________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________*/

/*  START OF RESPONSIVE
____________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________*/

/*  START OF RESPONSIVE
____________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________*/

/*  START OF RESPONSIVE
____________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________
____________________________________________________________________________________________________________________*/



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



  .mainText
  {
       /*font-family: 'Cambay', sans-serif;*/


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


       color:#b3b3b3;


      /*color: #5c6d71;*/
      /*font-size: 4vw;*/

       /*font-size: 2.0em;*/

       font-size: 1.5em;


      position: relative;

    left: 2%;
      top: 27px;


  }


/* project pages START */


  div.teterboroLogo

  {

    display: inline-block;
    width: 4%;
    /*height: 25%;*/
    padding: 5px;
    position: relative;
    top: 15px;
    left: -2px;

  }

  img.teterboroLogoSize
  {

  width: 190%;


  }



  div.teterboroParagraph
  {
    display: inline-block;
    width: 75%;
    height: 15%;
     vertical-align:  top;
     position: relative;


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


     line-height: 1.2;
     font-size: 1.1em;
     /*color: #5c6d71;*/

     color:#b3b3b3;


     top: 19px;
     left: 6%;

  }


  img.CabelaslogoSize
  {

  width: 230%;


  }






  div.CabelasParagraph
  {
    display: inline-block;
    width: 75%;
    height: 15%;
     vertical-align:  top;
     position: relative;


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


     line-height: 1.2;
     font-size: 1.1em;
     /*color: #5c6d71;*/

     color:#b3b3b3;


     top: 17px;
     left: 12%;

  }







  /* project pages STOP */

 .mainPageDiv
{
        top: 5px;
   width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;

}

.mainPageDivMargo
{
        top: 5px;
   width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;



}



.galleryTable {


    width: 100%;

}

div.logo
{

  display: inline-block;
  width: 9%;
  height: 25%;
  padding: 5px;
  position: relative;
  top: -5px;
  left: -2px;


}





  /*responsive TOP NAVIGATION starts*/


.topNavMainBox
{
    width: 100%;
    height: 55px;
    background: ffffff;
    color:#b3b3b3;
    /*position: relative;*/
    top: 0px;
}

.topNavLeftBox
{
    font-size: 1.2em;



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

  font-weight:200;


      color:#b3b3b3;
    text-align: center;
    vertical-align: middle;
    position: relative;
    top: 9px;
    left: 1px;
}


.topNavRightBox
{
  font-size: 1.2em;


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

  /*font-family: Arial;*/
    color:#b3b3b3;
    text-align: center;
    position: relative;
    top: 10px;
    right: 0px;
    left: 1px;

}



#realImagesInGalleryTable
{

    /*border: 0px solid blue;*/
    /*width: 75%*/
    /*height: auto;*/


    width: 100%;
    max-width: 100%;
    max-height: 115%;

}

  /*responsive TOP NAVIGATION ends*/
}