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

/*LARGE SCREEN VIDEO CONTENT*/

.large-screen-video-content .none-obj{
  font-size: 18px;
  box-shadow: rgb(87, 225, 80) 10px 0 20px, rgb(87, 225, 80) 0 10px 20px,rgb(87, 225, 80) -10px 0 20px, rgb(87, 225, 80) 0  10px 20px;
  top: -10px;
}

.large-screen-video-content video{
  width:700px;
  height: 394px;
}

/*FIRST VIEW*/
.first-view .links{ 
  font-size: 30px;
}

/*BRUSHES DIV*/

/*window of clicked img*/
.field-clicked-brushes-img span{
    padding:8px 4px;
    font-size: 24px;
    letter-spacing: 8px;
    box-shadow: rgb(87, 225, 80) 8px 0 16px, rgb(87, 225, 80) 0 8px 16px,rgb(87, 225, 80) -8px 0 16px, rgb(87, 225, 80) 0 -8px 16px;
    top: -48px;

}
.field-clicked-brushes-img .clicked-img{
  width: 420px;
  height: 280px;
}

/*switches buttons*/
.brushes-div .switches .io-btn{
  margin: 0 6px 9px 6px;
  font-size: 34px;
  font-weight:900;
  padding: 0 15px;
}
.brushes-div .switches .brushes-reback-btn{
  margin: 0 6px 9px 6px;
  font-size: 34px;
  font-weight:900;
  padding: 0 15px;

}
.brushes-div .switches .field{
 margin: 0 6px 9px 6px;
 width: 100%;
 padding: 0;

}
.brushes-div .switches .field span{
  font-size: 15px;
  font-weight: 300;
}
.brushes-div .switches .field .field-btns{
  padding: 0px 9px;
  bottom:4.5px;
  font-size: 15px;
}
.brushes-tag{
  font-size:45px;
  text-shadow:1.5px 1.5px 3px rgb(87, 225, 80), -1.5px -1.5px 3px rgb(87, 225, 80);
  letter-spacing: 3px;

}

/*first-page*/
.brushes-first-view .fields{
  width: 300px;
  height: 200px;
}
.brushes-first-view .txt{
  font-size: 25px;
}

/*pictures*/
.brushes-div .brushes-field .pictures{
  width:240px;
  height:160px;
  margin: 0 24px 48px 24px;

}

/*PHOTO-CLIPS*/

/*full size videos*/
/*
.photo-clips-full-screen-videos .row .none-obj{
  font-size: 18px;
  box-shadow: rgb(87, 225, 80) 10px 0 20px, rgb(87, 225, 80) 0 10px 20px,rgb(87, 225, 80) -10px 0 20px, rgb(87, 225, 80) 0  10px 20px;
  top: -10px;

}
.photo-clips-full-screen-videos video{
  padding: 10px;
  width:700px;
  height: 394px;

}
*/


/*switches*/
  .photo-clips-div .switches .pre-row{
    flex-direction: row;
    -webkit-flex-direction: row;
  }
  .photo-clips-div .switches .io-btn{
     margin: 0 6px 9px 6px;
     font-size: 25px;
     
  }
  .photo-clips-div .switches .clips-reback-btn{
     margin: 0 6px 9px 6px;
     font-size: 25px;
    
  }
  .photo-clips-div .switches .field{
    margin: 0 6px 9px 6px;
    width: 100%;
  
  }
  .photo-clips-div .switches .field span{
    font-size: 15px;
  }
  .photo-clips-div .switches .field .field-btns{
    padding: 0px 9px;
    bottom:5px;
    font-size: 15px;
  }
  

 /*clips first view*/
.clips-first-view{
  flex-direction: row;
  -webkit-flex-direction: row;
}
.clips-first-view .txt{
  font-size: 18px;
}
.clips-first-view video{
  width: 424.8px;
  height: 238.8px;
  max-width: 424.8px;
  max-height: 238.8px;
} 
  

/*clips-field*/
  .photo-clips-div .clips-field .top-txt{
    font-size: 20px;
   }
  
  .photo-clips-div .clips-field .row{
   flex-direction: row;
   -webkit-flex-direction: row;
  }
  
  .photo-clips-div .clips-field video{
    width:224px;
    height:126px;
  }
  

/*GALLERY DIV*/

/*window of clicked img*/
  .field-clicked-img span{
    padding:8px 4px;
    font-size: 24px;
    letter-spacing: 8px;
    box-shadow: rgb(87, 225, 80) 8px 0 16px, rgb(87, 225, 80) 0 8px 16px,rgb(87, 225, 80) -8px 0 16px, rgb(87, 225, 80) 0 -8px 16px;
    top: -48px;
    
  }
  .field-clicked-img .clicked-img{
    width: 402px;
    height: 295px;
    box-shadow:rgb(87, 225, 80) 40px 0 80px, rgb(87, 225, 80) 0 40px 80px,rgb(87, 225, 80) -40px 0 80px, rgb(87, 225, 80) 0  -40px 80px;
  }
  @keyframes galleryGreenBackLight{
    from{
    box-shadow:rgba(87, 225, 80, 0.55) 40px 0 80px, rgba(87, 225, 80, 0.55) 0 40px 80px,rgba(87, 225, 80, 0.55) -40px 0 80px, rgba(87, 225, 80, 0.55) 0  -40px 80px;
   }
    to{
    box-shadow:rgba(87, 225, 80, 1) 40px 0 80px, rgba(87, 225, 80, 1) 0 40px 80,rgba(87, 225, 80, 1) -40px 0 80px, rgba(87, 225, 80, 1) 0  -40px 80px;
   }
  }
  

/*switches buttons*/

.pictures-div .pictures-selectors-categories .pre-row{
  flex-direction: column;
  -webkit-flex-direction: column;
}

.pictures-div .pictures-selectors-categories .io-btn{
  box-shadow: 0 0 4px 8px rgb(71, 0, 0);
  margin: 0 14px 24px 14px;
  font-size: 27px;
  font-weight:720;
  padding: 0 15px;
}

.pictures-div .pictures-selectors-categories .field-btns{
 box-shadow: 0 0 4px 8px rgb(71, 0, 0);
 margin: 0 14px 24px 14px;
 width:100%;
}

.pictures-div .pictures-selectors-categories span{
  font-size: 25px;
}

.pictures-div .pictures-selectors-categories .pages-field .pages{
  padding: 0px 7px;
  bottom:9px;
  font-size: 25px;
}

.pictures-div .pictures-selectors-categories .gallery-tag{
  font-size:65px;
  text-shadow:3.5px 3.5px 7px rgb(87, 225, 80), -3.5px -3.5px 7px rgb(87, 225, 80);
  letter-spacing: 2px;
  top: 0;
}
  

 /*pictures*/

.pictures-div .pictures-field .pictures{
  width:234.7px;
  height:172.2px;
  margin: 0 24px 48px 24px;
}


}

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


/*instructions div*/


/*instructions section*/
.instructions-section .information-section-instructions{
  overflow-y:scroll;
}
.instructions-section .information-section-instructions::-webkit-scrollbar-thumb{
 color:gold;
 width:3px;
}

/*LARGE SCREEN VIDEO CONTENT*/

.large-screen-video-content .none-obj{
  padding:5px 2.5px;
  font-size: 20px;
  letter-spacing: 5px;
  box-shadow: rgb(87, 225, 80) 5px 0 10px, rgb(87, 225, 80) 0 5px 10px,rgb(87, 225, 80) -5px 0 10px, rgb(87, 225, 80) 0 -5px 10px;
  top: -30px;
}

.large-screen-video-content video{
  width:600px;
  height:337px;
}

/*FIRST VIEW*/

  .first-view .links{ 
    font-size: 25px;
  }
  
  .first-view .row .io2003-tag{
    font-size: 50px;
    top: 15px;
    }


/*video*/

.first-view .main-presentation{
  width:600px;
  height:337px;
}

.first-view .main-presentation-full-screen .none-obj{
  padding:5px 2.5px;
  font-size: 20px;
  letter-spacing: 5px;
  box-shadow: rgb(87, 225, 80) 5px 0 10px, rgb(87, 225, 80) 0 5px 10px,rgb(87, 225, 80) -5px 0 10px, rgb(87, 225, 80) 0 -5px 10px;
  top: -30px;

}

.first-view .main-presentation-full-screen video{
  width:600px;
  height:337px;
}


/*BRUSHES DIV*/

/*window of clicked img*/
.field-clicked-brushes-img span{
  padding:7px 3.5px;
  letter-spacing: 7px;
  box-shadow: rgb(87, 225, 80) 7px 0 14px, rgb(87, 225, 80) 0 7px 14px,rgb(87, 225, 80) -7px 0 14px, rgb(87, 225, 80) 0 -7px 14px;
  top: -42px;

}
.field-clicked-brushes-img .anim-back{
  padding:13px;
}
.field-clicked-brushes-img .clicked-img{
    width: 630px;
    height: 420px;
}


/*switches buttons*/
.brushes-div .switches .pre-row{
  flex-direction: column;
  -webkit-flex-direction: column;
  
}
.brushes-div .switches .io-btn{
  margin: 0 6px 9px 6px;
  font-size: 34px;
  font-weight:660;
  padding: 0 14px;
}
.brushes-div .switches .brushes-reback-btn{
  margin: 0 6px 9px 6px;
  font-size: 34px;
  font-weight:660;
  padding: 0 14px;

}
.brushes-div .switches .field{
 margin: 0 6px 9px 6px;
 width: 100%;
 padding: 0;

}
.brushes-div .switches .field span{
  font-size: 15px;
  font-weight: 300;
}
.brushes-div .switches .field .field-btns{
  padding: 0px 9px;
  bottom:4.5px;
  font-size: 15px;
}
.brushes-tag{
  font-size:45px;
  text-shadow:1.5px 1.5px 3px rgb(87, 225, 80), -1.5px -1.5px 3px rgb(87, 225, 80);
  letter-spacing: 3px;

}

/*brushes first page*/
.brushes-first-view .fields{
  width: 270px;
  height: 180px;
  
}
.brushes-first-view .txt{
  font-size: 20px;
}


/*pictures*/
.brushes-div .brushes-field .pictures{
  width:210px;
  height:140px;
  margin: 0 24px 48px 24px;

}

/*PHOTO-CLIPS*/

/*full size videos*/
/*
.photo-clips-full-screen-videos .row .none-obj{
  font-size: 18px;
  box-shadow: rgb(87, 225, 80) 10px 0 20px, rgb(87, 225, 80) 0 10px 20px,rgb(87, 225, 80) -10px 0 20px, rgb(87, 225, 80) 0  10px 20px;
  top: -10px;

}

.photo-clips-full-screen-videos video{
  padding: 10px;
  width:600px;
  height: 336px;

}
*/


/*switches*/
.photo-clips-div .switches .pre-row{
  flex-direction: row;
  -webkit-flex-direction: row;
  }
.photo-clips-div .switches .io-btn{
  margin: 0 6px 9px 6px;
  font-size: 36px; 
  }
.photo-clips-div .switches .clips-reback-btn{
  margin: 0 6px 9px 6px;
  font-size: 36px;
  }
.photo-clips-div .switches .field{
  margin: 0 6px 9px 6px;
   width: 100%;
  }
.photo-clips-div .switches .field span{
   font-size: 15px;
  }
.photo-clips-div .switches .field .field-btns{
   padding: 0px 9px;
   bottom:5px;
   font-size: 15px;
  }
  .slideshow-tag{
   letter-spacing: 3px;
  }
  

/*clips first view*/
.clips-first-view{
  flex-direction: row;
  -webkit-flex-direction: row;
}
.clips-first-view .txt{
  font-size: 18px;
}
.clips-first-view video{
  width: 357.19px;
  height: 200.7px;
  max-width: 357.19px;
  max-height: 200.7px;
}

/*clips-field*/
  .photo-clips-div .clips-field .top-txt{
    font-size: 17px;
   }
  .photo-clips-div .clips-field .row{
   flex-direction: row;
   -webkit-flex-direction: row;
  }
  .photo-clips-div .clips-field video{
    width:176px;
    height:99px;
  }
  

/*GALLERY DIV*/

/*window of clicked img*/

  .field-clicked-img span{
    padding:7px 3.5px;
    letter-spacing: 7px;
    box-shadow: rgb(87, 225, 80) 7px 0 14px, rgb(87, 225, 80) 0 7px 14px,rgb(87, 225, 80) -7px 0 14px, rgb(87, 225, 80) 0 -7px 14px;
    top: -42px;
    
  }
  .field-clicked-img .clicked-img{
    width: 603px;
    height: 442.85px;
    box-shadow:rgb(87, 225, 80) 35px 0 70px, rgb(87, 225, 80) 0 35px 70px,rgb(87, 225, 80) -35px 0 70px, rgb(87, 225, 80) 0  -35px 70px;
  }
  @keyframes galleryGreenBackLight{
    from{
    box-shadow:rgba(87, 225, 80, 0.55) 35px 0 70px, rgba(87, 225, 80, 0.55) 0 35px 70px,rgba(87, 225, 80, 0.55) -35px 0 70px, rgba(87, 225, 80, 0.55) 0  -35px 70px;
   }
    to{
    box-shadow:rgba(87, 225, 80, 1) 35px 0 70px, rgba(87, 225, 80, 1) 0 35px 70,rgba(87, 225, 80, 1) -35px 0 70px, rgba(87, 225, 80, 1) 0  -35px 70px;
   }
  }
  

/*switches buttons*/
.pictures-div .pictures-selectors-categories .pre-row{
  flex-direction: column;
  -webkit-flex-direction: column;
  
}
.pictures-div .pictures-selectors-categories .io-btn{
  box-shadow: 0 0 3.5px 7px rgb(71, 0, 0);
  margin: 0 12px 21px 12px;
  font-size: 26px;
  font-weight:660;
  padding: 0 14px;
}
.pictures-div .pictures-selectors-categories .field-btns{
 box-shadow: 0 0 3.5px 7px rgb(71, 0, 0);
 margin: 0 12px 21px 12px;
 width: 100%;
}
.pictures-div .pictures-selectors-categories span{
  font-size: 35px;
  font-weight: 600;
}
.pictures-div .pictures-selectors-categories .pages-field .pages{
  padding: 0px 7px;
  bottom:9px;
  font-size: 35px;
}
.pictures-div .pictures-selectors-categories .gallery-tag{
  font-size:65px;
  text-shadow:3.5px 3.5px 7px rgb(87, 225, 80), -3.5px -3.5px 7px rgb(87, 225, 80);
  letter-spacing: 2px;
  top: 0;
}

/*first-view*/

.gallery-first-view .main-presentation{
  width:600px;
  height:337px;
}
/*
.gallery-first-view .main-presentation-full-screen .none-obj{
  padding:5px 2.5px;
  font-size: 20px;
  letter-spacing: 5px;
  box-shadow: rgb(87, 225, 80) 5px 0 10px, rgb(87, 225, 80) 0 5px 10px,rgb(87, 225, 80) -5px 0 10px, rgb(87, 225, 80) 0 -5px 10px;
  top: -30px;

}

.gallery-first-view .main-presentation-full-screen video{
  width:600px;
  height:337px;
}
*/

/*pictures*/
.pictures-div .pictures-field .pictures{
  width:192px;
  height:140px;
  margin: 0 24px 48px 24px;

}

  

  }


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

/*instructions section*/
.instructions-section .information-section-instructions{
  max-height: 40%;
}

/*LARGE SCREEN VIDEO CONTENT*/

.large-screen-video-content .none-obj{
  padding:6px 3px;
  letter-spacing: 6px;
  box-shadow: rgb(87, 225, 80) 6px 0 12px, rgb(87, 225, 80) 0 6px 12px,rgb(87, 225, 80) -6px 0 12px, rgb(87, 225, 80) 0 -6px 12px;
  top: -36px;
}

.large-screen-video-content video{
  width:360px;
  height:202px;
  padding: 14px;
}

/*FIRST VIEW*/

.first-view .links{ 
  font-size: 15px;

}

.first-view .row .io2003-tag{
  font-size: 50px;
  top: 15px;
  }

  .first-views .video-content .txt{
    font-size:15px;
  }

/*video*/

.first-view .main-presentation{
  width:360px;
  height:202px;
  padding: 14px;
}

.first-view .main-presentation-full-screen .none-obj{
  padding:6px 3px;
  letter-spacing: 6px;
  box-shadow: rgb(87, 225, 80) 6px 0 12px, rgb(87, 225, 80) 0 6px 12px,rgb(87, 225, 80) -6px 0 12px, rgb(87, 225, 80) 0 -6px 12px;
  top: -36px;

}

.first-view .main-presentation-full-screen video{
  width:360px;
  height:202px;
  padding: 14px;

}

/*BRUSHES DIV*/

/*window of clicked img*/

.field-clicked-brushes-img span{
  padding:6px 3px;
  letter-spacing: 6px;
  box-shadow: rgb(87, 225, 80) 6px 0 12px, rgb(87, 225, 80) 0 6px 12px,rgb(87, 225, 80) -6px 0 12px, rgb(87, 225, 80) 0 -6px 12px;
  top: -36px;

}
.field-clicked-brushes-img .clicked-img{
  width: 360px;
  height: 240px;
}

/*switches buttons*/

.brushes-div .switches .pre-row{
  flex-direction: row;
  -webkit-flex-direction: row;
  
}

.brushes-div .switches .io-btn{
  margin: 0 6px 9px 6px;
  font-size: 25px;
  font-weight:600;
  padding: 6px 13px;
}

.brushes-div .switches .brushes-reback-btn{
  margin: 0 6px 9px 6px;
  font-size: 25px;
  font-weight:600;
  padding: 6px 13px;

}

.brushes-div .switches .field{
 margin: 0 6px 9px 6px;
 width: 100%;
 padding: 0;

}

.brushes-div .switches .field span{
  font-size: 15px;
  font-weight: 300;
}

.brushes-div .switches .field .field-btns{
  padding: 0px 9px;
  bottom:4.5px;
  font-size: 15px;
}

.brushes-tag{
  font-size:45px;
  text-shadow:1.5px 1.5px 3px rgb(87, 225, 80), -1.5px -1.5px 3px rgb(87, 225, 80);
  letter-spacing: 3px;

}

/*brushes first page*/

.brushes-first-view{
  flex-direction: row;
  -webkit-flex-direction: row;
}

.brushes-first-view .fields{
  width: 180px;
  height: 120px;
  
}
.brushes-first-view .txt{
  font-size: 15px;
}


/*pictures*/

.brushes-div .brushes-field .pictures{
  width:180px;
  height:120px;
  margin: 0 24px 48px 24px;

}

.brushes-div .brushes-field .pictures div{
  font-size:16px;

}


/*GALLERY DIV*/

/*window of clicked img*/

.field-clicked-img span{
  padding:6px 3px;
  letter-spacing: 6px;
  box-shadow: rgb(87, 225, 80) 6px 0 12px, rgb(87, 225, 80) 0 6px 12px,rgb(87, 225, 80) -6px 0 12px, rgb(87, 225, 80) 0 -6px 12px;
  top: -36px;
  
}

.field-clicked-img .clicked-img{
  width: 338px;
  height: 248px;
  box-shadow:rgb(87, 225, 80) 30px 0 60px, rgb(87, 225, 80) 0 30px 60px,rgb(87, 225, 80) -30px 0 60px, rgb(87, 225, 80) 0  -30px 60px;
}

@keyframes galleryGreenBackLight{
  from{
  box-shadow:rgba(87, 225, 80, 0.55) 30px 0 60px, rgba(87, 225, 80, 0.55) 0 30px 60px,rgba(87, 225, 80, 0.55) -30px 0 60px, rgba(87, 225, 80, 0.55) 0  -30px 60px;
 }
  to{
  box-shadow:rgba(87, 225, 80, 1) 30px 0 60px, rgba(87, 225, 80, 1) 0 30px 60,rgba(87, 225, 80, 1) -30px 0 60px, rgba(87, 225, 80, 1) 0  -30px 60px;
 }
}

/*switches buttons*/
.pictures-div .pictures-selectors-categories .pre-row{
  flex-direction: column;
  -webkit-flex-direction: column;
  
}

.pictures-div .pictures-selectors-categories .io-btn{
  box-shadow: 0 0 3px 6px rgb(71, 0, 0);
  margin: 0 10px 18px 10px;
  font-size: 36px;
  font-weight:600;
  padding: 0 13px;
}

.pictures-div .pictures-selectors-categories .field-btns{
 box-shadow: 0 0 3px 6px rgb(71, 0, 0);
 margin: 0 10px 18px 10px;
 width: 100%; 
}

.pictures-div .pictures-selectors-categories span{
  font-size: 30px;
  font-weight: 500;
}

.pictures-div .pictures-selectors-categories .pages-field .pages{
  padding: 0px 6px;
  bottom:9px;
  font-size: 30px;
}

.pictures-div .pictures-selectors-categories .gallery-tag{
  font-size:58px;
  text-shadow:3px 3px 6px rgb(87, 225, 80), -3px -3px 6px rgb(87, 225, 80);
  letter-spacing: 2px;

}

/*first-view*/
.gallery-first-view .main-presentation{
  width:360px;
  height:202px;
  padding: 14px;
}

/*
.gallery-first-view .main-presentation-full-screen .none-obj{
  padding:6px 3px;
  letter-spacing: 6px;
  box-shadow: rgb(87, 225, 80) 6px 0 12px, rgb(87, 225, 80) 0 6px 12px,rgb(87, 225, 80) -6px 0 12px, rgb(87, 225, 80) 0 -6px 12px;
  top: -36px;

}

.gallery-first-view .main-presentation-full-screen video{
  width:360px;
  height:202px;
  padding: 14px;

}
*/

/*pictures*/
.pictures-div .pictures-field .pictures{
  width:176px;
  height:129px;
  margin: 0 24px 48px 24px;
}
.pictures-div .pictures-field .pictures div{
  font-size:16px;

}


}


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

/*FIRST VIEW*/


.first-view .row .io2003-tag{
  font-size: 45px;
  font-weight: 450;
  letter-spacing: 12px;
  }



/*video*/

.first-view .main-presentation-full-screen .none-obj{
  padding:5px 2.5px;
  font-size: 20px;
  letter-spacing: 5px;
  box-shadow: rgb(87, 225, 80) 5px 0 10px, rgb(87, 225, 80) 0 5px 10px,rgb(87, 225, 80) -5px 0 10px, rgb(87, 225, 80) 0 -5px 10px;
  top: -30px;

}


/*BRUSHES DIV*/

/*window of clicked img*/

.field-clicked-brushes-img span{
    padding:5px 2.5px;
    font-size: 20px;
    letter-spacing: 5px;
    box-shadow: rgb(87, 225, 80) 5px 0 10px, rgb(87, 225, 80) 0 5px 10px,rgb(87, 225, 80) -5px 0 10px, rgb(87, 225, 80) 0 -5px 10px;
    top: -30px;

}
.field-clicked-brushes-img .anim-back{
  padding:12px;
}
.field-clicked-brushes-img .clicked-img{
  width: 300px;
  height: 200px;
}

/*switches buttons*/

.brushes-div .switches .io-btn{
  box-shadow: 0 0 1.5px 3px rgb(71, 0, 0);
  margin: 0 6px 9px 6px;
  font-size: 35px;
  font-weight:480;
  padding: 0 9px;

}

.brushes-div .switches .brushes-reback-btn{
  box-shadow: 0 0 1.5px 3px rgb(71, 0, 0);
  margin: 0 6px 9px 6px;
  font-size: 35px;
  font-weight:480;
  padding: 0 9px;
}

.brushes-div .switches .field{
 margin: 0 6px 9px 6px;
 width: 100%;

}

.brushes-div .switches .field span{
  font-size: 15px;
  font-weight: 300;
}

.brushes-div .switches .field .field-btns{
  padding: 0px 9px;
  bottom:4.5px;
  font-size: 15px;
}

.brushes-tag{
  font-size:45px;
  text-shadow:1.5px 1.5px 3px rgb(87, 225, 80), -1.5px -1.5px 3px rgb(87, 225, 80);
  letter-spacing: 3px;

}

/*pictures*/

.brushes-div .brushes-field .pictures{
  width:150px;
  height:100px;
  margin: 0 20px 40px 20px;

}

.brushes-div .brushes-field .pictures div{
  font-size:13px;

}

/*PHOTO-CLIPS*/

/*full size videos*/
/*
.photo-clips-full-screen-videos .row .none-obj{
  font-size: 18px;
  box-shadow: rgb(87, 225, 80) 10px 0 20px, rgb(87, 225, 80) 0 10px 20px,rgb(87, 225, 80) -10px 0 20px, rgb(87, 225, 80) 0  10px 20px;
  top: -20px;

}

.photo-clips-full-screen-videos video{
  padding: 5px;
  width:500px;
  height: 280px;

}
*/



/*switches*/

.photo-clips-div .switches .pre-row{
  flex-direction: row;
  -webkit-flex-direction: row;
  }
  .photo-clips-div .switches .io-btn{
     margin: 0 6px 9px 6px;
     font-size: 36px;
     padding: 0 12px;
  }
  .photo-clips-div .switches .clips-reback-btn{
     margin: 0 6px 9px 6px;
     font-size: 36px;
     padding:0 12px;
  }
  .photo-clips-div .switches .field{
    margin: 0 6px 9px 6px;
    width: 100%;
  }
  .photo-clips-div .switches .field span{
    font-size: 15px;
  }
  .photo-clips-div .switches .field .field-btns{
    padding: 0px 9px;
    bottom:5px;
    font-size: 15px;
  }
  .slideshow-tag{
    font-size:30px;
    letter-spacing: 3px;
  }


/*clips first view*/

.clips-first-view{
  flex-direction: row;
  -webkit-flex-direction: row;
}
.clips-first-view .txt{
  font-size: 16px;
}
.clips-first-view video{
  width: 290.4px;
  height: 163.2px;
  max-width: 290.4px;
  max-height: 163.2px;
}


/*clips-field*/
  
  .photo-clips-div .clips-field .top-txt{
    font-size: 10px;
   }
  .photo-clips-div .clips-field .row{
   flex-direction: row;
   -webkit-flex-direction: row;
  }
  .photo-clips-div .clips-field video{
    width:144px;
    height:81px;
  }
  

/*GALLERY DIV*/

/*window of clicked img*/

  .field-clicked-img span{
    padding:5px 2.5px;
    font-size: 20px;
    letter-spacing: 5px;
    box-shadow: rgb(87, 225, 80) 5px 0 10px, rgb(87, 225, 80) 0 5px 10px,rgb(87, 225, 80) -5px 0 10px, rgb(87, 225, 80) 0 -5px 10px;
    top: -30px;
    
  }
  
  .field-clicked-img .clicked-img{
    width: 281.6px;
    height: 206.6px;
    box-shadow:rgb(87, 225, 80) 25px 0 50px, rgb(87, 225, 80) 0 25px 50px,rgb(87, 225, 80) -25px 0 50px, rgb(87, 225, 80) 0  -25px 50px;
  }
  
  @keyframes galleryGreenBackLight{
    from{
    box-shadow:rgba(87, 225, 80, 0.55) 25px 0 50px, rgba(87, 225, 80, 0.55) 0 25px 50px,rgba(87, 225, 80, 0.55) -25px 0 50px, rgba(87, 225, 80, 0.55) 0  -25px 50px;
   }
    to{
    box-shadow:rgba(87, 225, 80, 1) 25px 0 50px, rgba(87, 225, 80, 1) 0 25px 50,rgba(87, 225, 80, 1) -25px 0 50px, rgba(87, 225, 80, 1) 0  -25px 50px;
   }
  }

/*switches buttons*/

.pictures-div .pictures-selectors-categories .pre-row{
  flex-direction: column;
  -webkit-flex-direction: column;
  
}

.pictures-div .pictures-selectors-categories .io-btn{
  box-shadow: 0 0 2.5px 5px rgb(71, 0, 0);
  margin: 0 8px 15px 8px;
  font-size: 23px;
  font-weight:480;
  padding: 0 11px;
}

.pictures-div .pictures-selectors-categories .field-btns{
 box-shadow: 0 0 2.5px 5px rgb(71, 0, 0);
 margin: 0 8px 15px 8px;
 width: 100%;
}

.pictures-div .pictures-selectors-categories span{
  font-size: 25px;
  font-weight: 500;
}

.pictures-div .pictures-selectors-categories .pages-field .pages{
  padding: 0px 5px;
  bottom:7.5px;
  font-size: 25px;
}

.pictures-div .pictures-selectors-categories .gallery-tag{
  font-size:51px;
  text-shadow:2.5px 2.5px 5px rgb(87, 225, 80), -2.5px -2.5px 5px rgb(87, 225, 80);
  letter-spacing: 2px;

}

/*pictures*/
.pictures-div .pictures-field .pictures{
  width:143.2px;
  height:105px;
  margin: 0 20px 40px 20px;
}

.pictures-div .pictures-field .pictures div{
  font-size:13px;

}


}


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

/*instructions section*/
.instructions-section .information-section-instructions{
  max-height: 40%;
}

/*LARGE SCREEN VIDEO CONTENT*/

.large-screen-video-content .none-obj{
  padding:4px 2px;
  font-size:15px;
  letter-spacing: 4px;
  box-shadow: rgb(87, 225, 80) 4px 0 8px, rgb(87, 225, 80) 0 4px 8px,rgb(87, 225, 80) -4px 0 8px, rgb(87, 225, 80) 0 -4px 8px;
  top: -20px;
}

.large-screen-video-content video{
  width:330px;
  height:185.625px;
  padding: 10px;
}

/*FIRST VIEW*/

.first-view .links{
  font-size: 12px;
}

.first-view .row .io2003-tag{
  font-size: 50px;
  top: 15px;
  }

/*video*/

.first-view .main-presentation{
  width:330px;
  height:185.625px;
  padding: 10px;
}

.first-view .main-presentation-full-screen .none-obj{
  padding:4px 2px;
  font-size:15px;
  letter-spacing: 4px;
  box-shadow: rgb(87, 225, 80) 4px 0 8px, rgb(87, 225, 80) 0 4px 8px,rgb(87, 225, 80) -4px 0 8px, rgb(87, 225, 80) 0 -4px 8px;
  top: -20px;

}

.first-view .main-presentation-full-screen video{
  width:330px;
  height:185.625px;
  padding: 10px;
}


/*BRUSHES DIV*/

/*window of clicked img*/
.field-clicked-brushes-img span{
    padding:4px 2px;
    font-size:15px;
    letter-spacing: 4px;
    box-shadow: rgb(87, 225, 80) 4px 0 8px, rgb(87, 225, 80) 0 4px 8px,rgb(87, 225, 80) -4px 0 8px, rgb(87, 225, 80) 0 -4px 8px;
    top: 0px;

}
.field-clicked-brushes-img .anim-back{
  padding:10px;
}
.field-clicked-brushes-img .clicked-img{
    width: 240px;
    height: 160px;
}

/*switches buttons*/

.brushes-div .switches .io-btn{
  box-shadow: 0 0 1.5px 3px rgb(71, 0, 0);
  margin: 0 4px 0 4px;
  font-size: 7px;
  padding: 0 9px;
}

.brushes-div .switches .brushes-reback-btn{
  box-shadow: 0 0 1.5px 3px rgb(71, 0, 0);
  margin: 0 4px 0 4px;
  font-size: 7px;
  padding: 0 9px;
}

.brushes-div .switches .field{
 margin: 0 4px 0 4px;
 width: 100%;
 padding: 0;
}

.brushes-div .switches .field span{
  font-size: 10px;
}

.brushes-div .switches .field .field-btns{
  padding: 0px 9px;
  bottom:4.5px;
  font-size: 9px;
}

.brushes-tag{
  font-size:45px;
  text-shadow:1.5px 1.5px 3px rgb(87, 225, 80), -1.5px -1.5px 3px rgb(87, 225, 80);
  letter-spacing: 3px;
}

/*brushes first page*/

.brushes-first-view{
  flex-direction: row;
  -webkit-flex-direction: row;
}

.brushes-first-view .fields{
  width: 120px;
  height: 80px;
}
.brushes-first-view .txt{
  font-size: 12px;
}

/*pictures*/

.brushes-div .brushes-field .pictures{
  width:120px;
  height:80px;
  margin: 0 16px 32px 16px;
}


/*PHOTO-CLIPS*/

/*full size videos*/
/*
.photo-clips-full-screen-videos .row .none-obj{
  font-size: 18px;
  box-shadow: rgb(87, 225, 80) 10px 0 20px, rgb(87, 225, 80) 0 10px 20px,rgb(87, 225, 80) -10px 0 20px, rgb(87, 225, 80) 0  10px 20px;
  top: -20px;

}

.photo-clips-full-screen-videos video{
  padding: 5px;
  width:400px;
  height: 224px;

}
*/


/*switches*/

.photo-clips-div .switches .pre-row{
  flex-direction: row;
  -webkit-flex-direction: row;
  }
  
  .photo-clips-div .switches .io-btn{
     margin: 0 6px 9px 6px;
     font-size: 36px;
     
     padding: 0 12px;
    
  }
  
  .photo-clips-div .switches .clips-reback-btn{
     margin: 0 6px 9px 6px;
     font-size: 36px;
     
     padding:0 12px;
  }
  
  .photo-clips-div .switches .field{
    margin: 0 6px 9px 6px;
    width: 100%;
  
  
  }
  
  .photo-clips-div .switches .field span{
    font-size: 15px;
  }
  
  .photo-clips-div .switches .field .field-btns{
    padding: 0px 9px;
    bottom:5px;
    font-size: 15px;
  }
  
  .slideshow-tag{
    font-size:30px;
    letter-spacing: 3px;
  }
  

/*clips first view*/

.clips-first-view{
  flex-direction: row;
  -webkit-flex-direction: row;
}
.clips-first-view .txt{
  font-size: 14px;
}
.clips-first-view video{
  width: 220px;
  height: 123.7px;
  max-width: 220px;
  max-height: 123.7px;
}

/*clips-field*/
  
  .photo-clips-div .clips-field .top-txt{
    font-size: 10px;
   }
  
  .photo-clips-div .clips-field .row{
   flex-direction: column;
   -webkit-flex-direction: column;
  }
  
  .photo-clips-div .clips-field video{
    width:128px;
    height:72px;
  }
  

/*GALLERY DIV*/

/*window of clicked img*/

  .field-clicked-img span{
    padding:4px 2px;
    font-size:15px;
    letter-spacing: 4px;
    box-shadow: rgb(87, 225, 80) 4px 0 8px, rgb(87, 225, 80) 0 4px 8px,rgb(87, 225, 80) -4px 0 8px, rgb(87, 225, 80) 0 -4px 8px;
    top: 0px;
    
  }
  
  .field-clicked-img .clicked-img{
    width: 211.25px;
    height: 155.4px;
    box-shadow:rgb(87, 225, 80) 20px 0 40px, rgb(87, 225, 80) 0 20px 40px,rgb(87, 225, 80) -20px 0 40px, rgb(87, 225, 80) 0  -20px 40px;
    top:20px;
    position: relative;
  }
  
  @keyframes galleryGreenBackLight{
    from{
    box-shadow:rgba(87, 225, 80, 0.55) 20px 0 40px, rgba(87, 225, 80, 0.55) 0 20px 40px,rgba(87, 225, 80, 0.55) -20px 0 40px, rgba(87, 225, 80, 0.55) 0  -20px 40px;
   }
    to{
    box-shadow:rgba(87, 225, 80, 1) 20px 0 40px, rgba(87, 225, 80, 1) 0 20px 40,rgba(87, 225, 80, 1) -20px 0 40px, rgba(87, 225, 80, 1) 0  -20px 40px;
   }
  }


/*switches buttons*/
.pictures-div .pictures-selectors-categories .pre-row{
  flex-direction: column;
  -webkit-flex-direction: column;
  
}

.pictures-div .pictures-selectors-categories .io-btn{
  margin: 0 6px 9px 6px;
  font-size: 34px;
  font-weight:360;
  padding: 0 9px;
}

.pictures-div .pictures-selectors-categories .field-btns{
 box-shadow: 0 0 2px 4px rgb(71, 0, 0);
 margin: 0 6px 12px 6px;
 width: 100%;
}

.pictures-div .pictures-selectors-categories span{
  font-size: 20px;
  font-weight: 400;
}

.pictures-div .pictures-selectors-categories .pages-field .pages{
  padding: 0px 4px;
  bottom:6px;
  font-size: 20px;
}

.pictures-div .pictures-selectors-categories .gallery-tag{
  font-size:44px;
  text-shadow:2px 2px 4px rgb(87, 225, 80), -2px -2px 4px rgb(87, 225, 80);
  letter-spacing: 2px;

}


/*first-view*/

.gallery-first-view .main-presentation{
  width:330px;
  height:185.625px;
  padding: 10px;
}

/*
.gallery-first-view .main-presentation-full-screen .none-obj{
  padding:4px 2px;
  font-size:15px;
  letter-spacing: 4px;
  box-shadow: rgb(87, 225, 80) 4px 0 8px, rgb(87, 225, 80) 0 4px 8px,rgb(87, 225, 80) -4px 0 8px, rgb(87, 225, 80) 0 -4px 8px;
  top: -20px;

}

.gallery-first-view .main-presentation-full-screen video{
  width:330px;
  height:185.625px;
  padding: 10px;
}
*/

/*pictures*/
.pictures-div .pictures-field .pictures{
  width:140.83px;
  height:103.3px;
  margin: 0 16px 32px 16px;
}


}


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

/*instructions section*/
.instructions-section .information-section-instructions{
  max-height: 40%;
}

/*LARGE SCREEN VIDEO CONTENT*/

.large-screen-video-content .none-obj{
  font-size: 18px;
  box-shadow: rgb(87, 225, 80) 10px 0 20px, rgb(87, 225, 80) 0 10px 20px,rgb(87, 225, 80) -10px 0 20px, rgb(87, 225, 80) 0  10px 20px;
  top: -20px;
}

.large-screen-video-content video{
  width:315px;
  height:177px;
  padding: 8px;
}

/*FIRST VIEW*/

.first-view .links{ 
  font-size: 10px;

}

.first-view .row .io2003-tag{
  font-size: 40px;
  letter-spacing: 9px;
  top: 15px;
  }

  .first-views .video-content .txt{
    font-size:9px;
  }
  
/*video*/

.first-view .main-presentation{
  width:315px;
  height:177px;
  padding: 8px;
}

.first-view .main-presentation-full-screen .none-obj{
  padding:3px 1.5px;
  font-size:15px;
  letter-spacing: 3px;
  box-shadow: rgb(87, 225, 80) 3px 0 6px, rgb(87, 225, 80) 0 3px 6px,rgb(87, 225, 80) -3px 0 6px, rgb(87, 225, 80) 0 -3px 6px;
  top: -15px;

}

.first-view .main-presentation-full-screen video{
  width:315px;
  height:177px;
  padding: 8px;
}


/*BRUSHES DIV*/

/*window of clicked img*/

.field-clicked-brushes-img span{
    padding:3px 1.5px;
    font-size:15px;
    letter-spacing: 3px;
    box-shadow: rgb(87, 225, 80) 3px 0 6px, rgb(87, 225, 80) 0 3px 6px,rgb(87, 225, 80) -3px 0 6px, rgb(87, 225, 80) 0 -3px 6px;
    top: -15px;
  
}
.field-clicked-brushes-img .anim-back{
  padding:8px;
}
.field-clicked-brushes-img .clicked-img{
    width: 180px;
    height: 120px;
}


/*switches buttons*/

.brushes-div .switches .pre-row{
  flex-direction: column;
  -webkit-flex-direction: column;
}

.brushes-div .switches .io-btn{
  margin: 0 6px 9px 6px;
  font-size: 34px;
  font-weight:360;
  padding: 0 9px;
}

.brushes-div .switches .brushes-reback-btn{
  margin: 0 6px 9px 6px;
  font-size: 34px;
  padding: 0 9px;
}

.brushes-div .switches .field{
 margin: 0 6px 9px 6px;
 width: 100%;
 padding: 0;
}

.brushes-div .switches .field span{
  font-size: 15px;
  font-weight: 300;
}

.brushes-div .switches .field .field-btns{
  padding: 0px 9px;
  bottom:4.5px;
  font-size: 15px;
}

.brushes-tag{
  font-size:45px;
  text-shadow:1.5px 1.5px 3px rgb(87, 225, 80), -1.5px -1.5px 3px rgb(87, 225, 80);
  letter-spacing: 3px;
}

/*brushes first page*/

.brushes-first-view{
  flex-direction: column;
  -webkit-flex-direction: column;
}

.brushes-first-view .fields{
  width: 135px;
  height: 90px;
}
.brushes-first-view .txt{
  font-size: 8px;
}

/*pictures*/

.brushes-div .brushes-field .pictures{
  width:90px;
  height:60px;
  margin: 0 12px 24px 12px;
}

.brushes-div .brushes-field .pictures div{
  font-size:10px;
}


/*PHOTO-CLIPS*/

/*full size videos*/

/*
.photo-clips-full-screen-videos .row .none-obj{
  font-size: 18px;
  box-shadow: rgb(87, 225, 80) 10px 0 20px, rgb(87, 225, 80) 0 10px 20px,rgb(87, 225, 80) -10px 0 20px, rgb(87, 225, 80) 0  10px 20px;
  top: -20px;
}

.photo-clips-full-screen-videos video{
  padding: 5px;
  width:300px;
  height: 168px;

}
*/


/*switches*/

.photo-clips-div .switches .pre-row{
flex-direction: column;
-webkit-flex-direction: column;
}

.photo-clips-div .switches .io-btn{
   margin: 0 6px 9px 6px;
   font-size: 36px;
   padding: 0 12px;
  
}

.photo-clips-div .switches .clips-reback-btn{
   margin: 0 6px 9px 6px;
   font-size: 36px;
   padding:0 12px;
}

.photo-clips-div .switches .field{
  margin: 0 6px 9px 6px;
  width: 100%;

}

.photo-clips-div .switches .field span{
  font-size: 15px;
}

.photo-clips-div .switches .field .field-btns{
  padding: 0px 9px;
  bottom:5px;
  font-size: 15px;
}

.slideshow-tag{
  font-size:30px;
  letter-spacing: 3px;

}

/*clips first view*/

.clips-first-view{
  flex-direction: column;
  -webkit-flex-direction: column;
}
.clips-first-view .txt{
  font-size: 12px;
}
.clips-first-view video{
  width: 315px;
  height: 168.75px;
  max-width: 315px;
  max-height: 168.75px;
}


/*clips-field*/

.photo-clips-div .clips-field .top-txt{
  font-size: 10px;
 }

.photo-clips-div .clips-field .row{
 flex-direction: column;
 -webkit-flex-direction: column;
}

.photo-clips-div .clips-field video{
  width:128px;
  height:72px;
}


/*GALLERY DIV*/

/*window of clicked img*/

  .field-clicked-img span{
    padding:3px 1.5px;
    font-size:15px;
    letter-spacing: 3px;
    box-shadow: rgb(87, 225, 80) 3px 0 6px, rgb(87, 225, 80) 0 3px 6px,rgb(87, 225, 80) -3px 0 6px, rgb(87, 225, 80) 0 -3px 6px;
    top: -15px;
    
  }
  
  .field-clicked-img .clicked-img{
    width: 250px;
    height: 183px;
    box-shadow:rgb(87, 225, 80) 15px 0 30px, rgb(87, 225, 80) 0 15px 30px,rgb(87, 225, 80) -15px 0 30px, rgb(87, 225, 80) 0  -15px 30px;
  }
  
  @keyframes galleryGreenBackLight{
    from{
    box-shadow:rgba(87, 225, 80, 0.55) 15px 0 30px, rgba(87, 225, 80, 0.55) 0 15px 30px,rgba(87, 225, 80, 0.55) -15px 0 30px, rgba(87, 225, 80, 0.55) 0  -15px 30px;
   }
    to{
    box-shadow:rgba(87, 225, 80, 1) 15px 0 30px, rgba(87, 225, 80, 1) 0 15px 30,rgba(87, 225, 80, 1) -15px 0 30px, rgba(87, 225, 80, 1) 0  -15px 30px;
   }
  }


/*switches buttons*/

.pictures-div .pictures-selectors-categories .pre-row{
  flex-direction: column;
  -webkit-flex-direction: column;
  
}

.pictures-div .pictures-selectors-categories .io-btn{
  box-shadow: 0 0 1.5px 3px rgb(71, 0, 0);
  margin: 0 6px 9px 6px;
  font-size: 21px;
  font-weight:360;
  padding: 0 9px;
}

.pictures-div .pictures-selectors-categories .field-btns{
 box-shadow: 0 0 1.5px 3px rgb(71, 0, 0);
 margin: 0 6px 9px 6px;
 width: 100%;
}

.pictures-div .pictures-selectors-categories span{
  font-size: 15px;
  font-weight: 300;
}


.pictures-div .pictures-selectors-categories .pages-field .pages{
  padding: 0px 9px;
  bottom:4.5px;
  font-size: 15px;
}

.pictures-div .pictures-selectors-categories .gallery-tag{
  font-size:24px;
  text-shadow:1.5px 1.5px 3px rgb(87, 225, 80), -1.5px -1.5px 3px rgb(87, 225, 80);
  letter-spacing: 2px;
  
}

/*first-view*/

.gallery-first-view .main-presentation{
  width:315px;
  height:177px;
  padding: 8px;
}

/*
.gallery-first-view .main-presentation-full-screen .none-obj{
  padding:3px 1.5px;
  font-size:15px;
  letter-spacing: 3px;
  box-shadow: rgb(87, 225, 80) 3px 0 6px, rgb(87, 225, 80) 0 3px 6px,rgb(87, 225, 80) -3px 0 6px, rgb(87, 225, 80) 0 -3px 6px;
  top: -15px;

}

.gallery-first-view .main-presentation-full-screen video{
  width:315px;
  height:177px;
  padding: 8px;
}
*/


/*pictures*/

.pictures-div .pictures-field .pictures{
  width:85px;
  height:62.5px;
  margin: 0 12px 24px 12px;
}


.pictures-div .pictures-field .pictures div{
  font-size:10px;

}

}


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

/*instructions section*/
.instructions-section .information-section-instructions{
  max-height: 60%;
}

/*LARGE SCREEN VIDEO CONTENT*/

.large-screen-video-content .none-obj{
  padding:2px 1px;
  font-size: 15px;
  letter-spacing: 2px;
  box-shadow: rgb(87, 225, 80) 2px 0 4px, rgb(87, 225, 80) 0 2px 4px,rgb(87, 225, 80) -2px 0 4px, rgb(87, 225, 80) 0  -2px 4px;
  top: -10px;
}

.large-screen-video-content video{
  width:240px;
  height:135px;
  padding: 6px;
}


/*FIRST VIEW*/

.first-view .links{ 
  font-size: 6px;
}

.first-view .row .io2003-tag{
  font-size: 30px;
  letter-spacing: 6px;
  top: 15px;
  }



/*video*/

.first-view .main-presentation{
  width:240px;
  height:135px;
  padding: 6px;
}

.first-view .main-presentation-full-screen .none-obj{
  padding:2px 1px;
  font-size: 15px;
  letter-spacing: 2px;
  box-shadow: rgb(87, 225, 80) 2px 0 4px, rgb(87, 225, 80) 0 2px 4px,rgb(87, 225, 80) -2px 0 4px, rgb(87, 225, 80) 0  -2px 4px;
  top: -10px;

}


.first-view .main-presentation-full-screen video{
  width:240px;
  height:135px;
  padding: 6px;
}


/*BRUSHES DIV*/

/*window of clicked img*/

.field-clicked-brushes-img span{
  padding:2px 1px;
  font-size: 15px;
  letter-spacing: 2px;
  box-shadow: rgb(87, 225, 80) 2px 0 4px, rgb(87, 225, 80) 0 2px 4px,rgb(87, 225, 80) -2px 0 4px, rgb(87, 225, 80) 0  -2px 4px;
  top: -10px;
  
}

.field-clicked-brushes-img .anim-back{
  padding:6px;
}

.field-clicked-brushes-img .clicked-img{
  width: 120px;
  height: 80px;
}


/*switches buttons*/

.brushes-div .switches .pre-row{
  flex-direction: column;
  -webkit-flex-direction: column;
  
}


.brushes-div .switches .io-btn{
   margin: 0 4px 6px 4px;
   font-size: 20px;
   padding: 0 8px;
  
}

.brushes-div .switches .brushes-reback-btn{
   margin: 0 4px 6px 4px;
   font-size: 20px;
   padding:0 8px;
}

.brushes-div .switches .field{
  margin: 0 4px 6px 4px;
  width: 100%;

}

.brushes-div .switches .field span{
  font-size: 10px;
}

.brushes-div .switches .field .field-btns{
  padding: 0px 3px;
  bottom:3px;
  font-size: 6px;
}

.brushes-tag{
  font-size:30px;
  text-shadow:1px 1px 2px rgb(87, 225, 80), -1px -1px 2px rgb(87, 225, 80);
  letter-spacing: 2px;
  
}

/*first page*/

.brushes-first-view{
  flex-direction: column;
  -webkit-flex-direction: column;
}

.brushes-first-view .fields{
  width: 120px;
  height: 80px;
  
}
.brushes-first-view .txt{
  font-size: 6px;
}


/*pictures*/
.brushes-div .brushes-field .pictures{
  width:60px;
  height:40px;
  margin: 0 8px 16px 8px;

}
.brushes-div .brushes-field .pictures div{
  font-size:7px;

}


/*PHOTO-CLIPS*/

/*full size videos*/
/*
.photo-clips-full-screen-videos .row .none-obj{
  font-size: 15px;
  box-shadow: rgb(87, 225, 80) 10px 0 20px, rgb(87, 225, 80) 0 10px 20px,rgb(87, 225, 80) -10px 0 20px, rgb(87, 225, 80) 0  10px 20px;
  top: -15px;

}

.photo-clips-full-screen-videos video{
  padding: 5px;
  width:200px;
  height: 112px;
}
*/


/*switches*/
.photo-clips-div .switches .pre-row{
flex-direction: column;
-webkit-flex-direction: column;
}
.photo-clips-div .switches .io-btn{
   margin: 0 4px 6px 4px;
   font-size: 24px;
   font-weight: 300;
   padding: 0 8px;
  
}
.photo-clips-div .switches .clips-reback-btn{
   margin: 0 4px 6px 4px;
   font-size: 24px;
   font-weight: 300;
   padding:0 8px;
}
.photo-clips-div .switches .field{
  margin: 0 4px 6px 4px;
  width: 100%;


}
.photo-clips-div .switches .field span{
  font-size: 10px;
  font-weight: 200;
}
.photo-clips-div .switches .field .field-btns{
  padding: 0px 6px;
  bottom:3px;
  font-size: 10px;
}
.slideshow-tag{
  font-size:20px;
  text-shadow:1px 1px 2px rgb(87, 225, 80), -1px -1px 2px rgb(87, 225, 80);
  letter-spacing: 2px;

}

/*clips first view*/
.clips-first-view{
  flex-direction: column;
  -webkit-flex-direction: column;
}
.clips-first-view .txt{
  font-size: 8px;
}
.clips-first-view video{
  width: 210px;
  height: 112.5px;
  max-width: 210px;
  max-height: 112.5px;
}

/*clips-field*/
.photo-clips-div .clips-field .top-txt{
  font-size: 10px;
 }
.photo-clips-div .clips-field .row{
 flex-direction: column;
 -webkit-flex-direction: column;
}
.photo-clips-div .clips-field video{
  width:112px;
  height:63px;
}


/*GALLERY DIV*/

/*window of clicked img*/
  .field-clicked-img span{
    padding:2px 1px;
    font-size: 15px;
    letter-spacing: 2px;
    box-shadow: rgb(87, 225, 80) 2px 0 4px, rgb(87, 225, 80) 0 2px 4px,rgb(87, 225, 80) -2px 0 4px, rgb(87, 225, 80) 0  -2px 4px;
    top: -10px;
    
  }
  .field-clicked-img .clicked-img{
    width: 120.7px;
    height: 88.57px;
    box-shadow:rgb(87, 225, 80) 10px 0 20px, rgb(87, 225, 80) 0 10px 20px,rgb(87, 225, 80) -10px 0 20px, rgb(87, 225, 80) 0  -10px 20px;
  }
  @keyframes galleryGreenBackLight{
    from{
    box-shadow:rgba(87, 225, 80, 0.55) 10px 0 20px, rgba(87, 225, 80, 0.55) 0 10px 20px,rgba(87, 225, 80, 0.55) -10px 0 20px, rgba(87, 225, 80, 0.55) 0  -10px 20px;
   }
    to{
    box-shadow:rgba(87, 225, 80, 1) 10px 0 20px, rgba(87, 225, 80, 1) 0 10px 20px,rgba(87, 225, 80, 1) -10px 0 20px, rgba(87, 225, 80, 1) 0  -10px 20px;
   }
  }


/*switches buttons*/
.pictures-div .pictures-selectors-categories .pre-row{
  flex-direction: column;
  -webkit-flex-direction: column;
}
.pictures-div .pictures-selectors-categories .io-btn{
  margin: 0 4px 6px 4px;
  font-size: 20px;
  padding: 0 8px;
  
}
.pictures-div .pictures-selectors-categories .field-btns{
 margin: 0 4px 6px 4px;
 width: 100%;

}
.pictures-div .pictures-selectors-categories span{
  font-size: 10px;
  font-weight: 200;
}
.pictures-div .pictures-selectors-categories .pages-field .pages{
  padding: 0px 6px;
  bottom:3px;
  font-size: 10px;
}
.pictures-div .pictures-selectors-categories .gallery-tag{
  font-size:30px;
  text-shadow:1px 1px 2px rgb(87, 225, 80), -1px -1px 2px rgb(87, 225, 80);
  letter-spacing: 2px;

}


/*first view*/
.gallery-first-view .main-presentation{
  width:240px;
  height:135px;
  padding: 6px;
}
/*
.gallery-first-view .main-presentation-full-screen .none-obj{
  padding:2px 1px;
  font-size: 15px;
  letter-spacing: 2px;
  box-shadow: rgb(87, 225, 80) 2px 0 4px, rgb(87, 225, 80) 0 2px 4px,rgb(87, 225, 80) -2px 0 4px, rgb(87, 225, 80) 0  -2px 4px;
  top: -10px;

}

.gallery-first-view .main-presentation-full-screen video{
  width:240px;
  height:135px;
  padding: 6px;
}
*/

/*pictures*/

.pictures-div .pictures-field .pictures{
  width:105.62px;
  height:77.5px;
  margin: 0 8px 16px 8px;
}

.pictures-div .pictures-field .pictures div{
  font-size:7px;
}

}