@media screen and (max-width: 3000px) {
    /*#col1 { width:220px; margin-left:8px; }
    #col2 { width:220px; margin-left:8px; }
    #col3 { width:300px; }*/
    
    #head1 { width:230px;  margin-left:8px; margin-bottom:2px;}
    #head2 { width:468px; height:60px; }
}

@media screen and (max-width: 710px) {
    /*#col1 { width:100%; }
    #col2 { width:100%; margin:0; }
    #col3 { width:100%; margin:0; }*/

    #head1 { width:100%; }
    #head2 { width:100%; height:90px;}
}

.header_basic {COLOR: #3082A9; FONT-FAMILY: Arial; FONT-SIZE: 12px; font-weight: bold;}
.header:link {COLOR: #3082A9; FONT-FAMILY: Arial ; FONT-SIZE: 12px; text-decoration: none; font-weight: bold;}
.header:visited {COLOR: #3082A9; FONT-FAMILY: Arial ; FONT-SIZE: 12px; text-decoration: none; font-weight: bold;}
.header:hover {text-decoration:underline;}
.header_user {COLOR: #ab4141; FONT-FAMILY: Arial ; FONT-SIZE: 12px; text-decoration: none; font-weight: bold;}

.title {COLOR: #777777; FONT-FAMILY: David; FONT-SIZE: 20px; font-weight: bold;}
.basic {COLOR: black; FONT-FAMILY: David; FONT-SIZE: 14px;}
.basic_bold {COLOR: black; FONT-FAMILY: David; FONT-SIZE: 14px; FONT-WEIGHT: bold}
.nikud {FONT-FAMILY: David; FONT-SIZE: 20px;}
.nikud_bold {COLOR: black; FONT-FAMILY: David; FONT-SIZE: 20px; FONT-WEIGHT: bold}

.nikudOption {FONT-FAMILY: David; FONT-SIZE: 20px; cursor:pointer;}
.nikudOption:hover {FONT-FAMILY: David; FONT-SIZE: 20px; cursor:pointer;}

.nikudExp {FONT-FAMILY: David; FONT-SIZE: 20px; cursor:pointer; color:#999999;}

.manual {COLOR: black; FONT-FAMILY: David; FONT-SIZE: 26px; cursor:pointer; FONT-WEIGHT:bold; height:34px;}
.manual:hover {COLOR: black; FONT-FAMILY: David; FONT-SIZE: 26px; cursor:pointer; FONT-WEIGHT:bold}

.manualWord {COLOR: black; FONT-FAMILY: David; FONT-SIZE: 26px; cursor:pointer; FONT-WEIGHT: bold; background-color:#ffffcc; height:34px; border: 1px solid #AAAAAA;}

.loader {
  position: fixed;
  background-color: #F6FAFF;
  opacity: 1;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 10;
  opacity: 0.74;
  display: none;
  justify-content: center; /* align horizontal */
  align-items: center;
  COLOR: black;
  FONT-FAMILY: David;
  FONT-SIZE: 30px;
  FONT-WEIGHT: bold;
}