/*---------CV-------- 360 * 640--------*/
/*---------CV-------- 360 * 640--------*/
/*---------CV-------- 360 * 640--------*/

@media screen and (max-width: 360px) {
  .div4 {
    grid-area: repeat(39, 1fr) / repeat(4, 1fr);
  }
  .div4 .resume {
    display: none;
  }

  /*------- 360 * 640--------*/

  .header {
    height: 52px;
  }
  .header ul a {
    font-size: 1em;
  }
  .header img.logo {
    width: 20px;
    height: 32px;
    margin-top: 10px;
    margin-left: 5%;
  }
  .header .menu-icon .nav-icon {
    height: 3px;
    width: 30px;
  }
  .header .menu-icon .nav-icon:before {
    top: 10px;
  }
  .header .menu-icon .nav-icon:after {
    top: -10px;
  }

  /*------- 360 * 640--------*/

  .div4 .b1 {
    /*MIRA MARKUSFELD*/
    grid-area: 3 / 2 / 3 / span 2;
  }
  .b1 h1.name-info {
    font-size: 0.85em;
    margin-top: 30%;
    margin-bottom: 10px;
  }

  /*------- 360 * 640--------*/

  .div4 .b2 {
    /*marku0012...*/
    grid-area: 4 / 2 / 4 / span 3;
  }
  .b2 h3#info1 {
    font-size: 0.75em;
  }

  /*------- 360 * 640--------*/

  .div4 .b3 {
    /*www.linkedin*/
    grid-area: 5 / 2 / 5 / span 3;
    margin-bottom: 10px;
  }
  .b3 a {
    font-size: 0.75em;
  }

  /*------- 360 * 640--------*/

  .div4 .b6 {
    /*LANGUAGES*/
    grid-area: 6 / 2 / 6 / span 3;
  }
  .b6 h2#nameInfo {
    font-size: 0.85em;
  }

  /*------- 360 * 640--------*/

  .div4 .b7 {
    /*hebrew*/
    grid-area: 7 / 2 / 7 / span 2;
  }
  .b7 .dot {
    width: 47px;
    height: 7px;
  }
  .b7 h4.lang1 {
    font-size: 0.75em;
  }

  /*------- 360 * 640--------*/

  .div4 .b8 {
    /*english*/
    grid-area: 8 / 2 / 8 / span 2;
  }
  .b8 .dot {
    width: 47px;
    height: 7px;
  }
  .b8 h4.lang2 {
    font-size: 0.75em;
  }

  /*------- 360 * 640--------*/

  .div4 .b9 {
    /*italian*/
    grid-area: 9 / 2 / 9 / span 2;
  }
  .b9 .dot {
    width: 47px;
    height: 7px;
  }
  .b9 h4.lang3 {
    font-size: 0.75em;
  }

  /*------- 360 * 640--------*/

  .div4 .b10 {
    /*french*/
    grid-area: 10 / 2 / 10 / span 2;
  }
  .b10 .dot {
    width: 47px;
    height: 7px;
  }
  .b10 h4.lang4 {
    font-size: 0.75em;
  }

  /*------- 360 * 640--------*/

  .div4 .b11 {
    /*arabic*/
    grid-area: 11 / 2 / 11 / span 2;
  }
  .b11 .dot {
    width: 47px;
    height: 7px;
  }
  .b11 h4.lang5 {
    font-size: 0.75em;
  }

  /*------- 360 * 640--------*/

  .div4 .b12 {
    /*view certificate*/
    grid-area: 12 / 2 / 12 / span 2;
  }
  .b12 button.view {
    width: 150px;
    height: 25px;
  }
  .b12 a#cert {
    font-size: 0.75em;
    padding: 10px;
  }

  /*------- 360 * 640--------*/

  .div4 .b13 {
    /*EDUCATION*/
    grid-area: 13 / 2 / 13 / span 3;
  }
  .b13 h2#nameInfo {
    font-size: 0.85em;
  }

  /*------- 360 * 640--------*/

  .div4 .b14 {
    /*UX/UI-labour*/
    grid-area: 14 / 2 / 14 / span 3;
  }
  .b14 h3#headline {
    font-size: 0.75em;
    line-height: 1.5em;
  }
  .b14 h4#UI {
    font-size: 0.75em;
    line-height: 1.5em;
  }

  /*------- 360 * 640--------*/

  .div4 .b15 {
    /*graphic - hasifa*/
    grid-area: 15 / 2 / 15 / span 3;
  }
  .b15 h3#headline {
    font-size: 0.75em;
    line-height: 1.5em;
  }
  .b15 h4#GR {
    font-size: 0.75em;
    line-height: 1.5em;
  }

  /*------- 360 * 640--------*/

  .div4 .b16 {
    /*front - she codes*/
    grid-area: 16 / 2 / 16 / span 3;
  }
  .b16 h3#headline {
    font-size: 0.75em;
    line-height: 1.5em;
  }
  .b16 h4#FE {
    font-size: 0.75em;
    line-height: 1.5em;
  }

  /*------- 360 * 640--------*/

  .div4 .b17 {
    /*EXPERIENCE*/
    grid-area: 17 / 2 / 17 / span 3;
  }
  .b17 h2#nameInfo {
    font-size: 0.85em;
  }

  /*------- 360 * 640--------*/

  .div4 .b18 {
    /*self employeed - */
    grid-area: 18 / 2 / 18 / span 3;
  }
  .b18 h3#headline {
    font-size: 0.75em;
    line-height: 1.5em;
  }
  .b18 a {
    font-size: 0.75em;
    line-height: 1.5em;
  }

  /*------- 360 * 640--------*/

  .div4 .b19 {
    /*SKILLS*/
    grid-area: 19 / 2 / 19 / span 3;
  }
  .b19 #nameInfo {
    font-size: 0.85em;
  }

  /*------- 360 * 640--------*/

  .div4 .b20 {
    /*UX/UI*/
    grid-area: 20 / 2 / 20 / span 3;
  }
  .b20 #UX {
    font-size: 0.65em;
    line-height: 1.5;
  }

  /*------- 360 * 640--------*/

  .div4 .b21 {
    /*grap*/
    grid-area: 21 / 2 / 21 / span 3;
  }
  .b21 #GD {
    font-size: 0.65em;
    line-height: 1.5;
  }

  /*------- 360 * 640--------*/

  .div4 .b22 {
    /*web*/
    grid-area: 22 / 2 / 22 / span 3;
  }
  .b22 #WE {
    font-size: 0.65em;
    line-height: 1.5;
  }

  /*------- 360 * 640--------*/

  .div4 .b23 {
    /*TOOLS*/
    grid-area: 23 / 2 / 23 / span 3;
  }
  .b23 #nameInfo {
    font-size: 0.85em;
  }

  /*------- 360 * 640--------*/

  .div4 .b24 {
    /*photoshop*/
    grid-area: 24 / 2 / 24 / span 3;
  }
  .b24 h4#photoshop {
    font-size: 0.65em;
  }

  /*------- 360 * 640--------*/

  .div4 .b25 {
    grid-area: 25 / 2 / 25 / span 3;
  }
  .b25 #skill-bar {
    height: 5px;
  }

  /*------- 360 * 640--------*/

  .div4 .b26 {
    /*illustrator*/
    grid-area: 26 / 2 / 26 / span 3;
  }
  .b26 h4#illustrator {
    font-size: 0.65em;
  }

  /*------- 360 * 640--------*/

  .div4 .b27 {
    grid-area: 27 / 2 / 27 / span 3;
  }
  .b27 #skill-bar {
    height: 5px;
  }

  /*------- 360 * 640--------*/

  .div4 .b28 {
    /*Indesign*/
    grid-area: 28 / 2 / 28 / span 3;
  }
  .b28 h4#indesign {
    font-size: 0.65em;
  }

  /*------- 360 * 640--------*/

  .div4 .b29 {
    grid-area: 29 / 2 / 29 / span 3;
  }
  .b29 #skill-bar {
    height: 5px;
  }

  /*------- 360 * 640--------*/

  .div4 .b30 {
    /*figma*/
    grid-area: 30 / 2 / 30 / span 3;
  }
  .b30 h4#figma {
    font-size: 0.65em;
  }

  /*------- 360 * 640--------*/

  .div4 .b31 {
    grid-area: 31 / 2 / 31 / span 3;
  }
  .b31 #skill-bar {
    height: 5px;
  }

  /*------- 360 * 640--------*/

  .div4 .b32 {
    /*html*/
    grid-area: 32 / 2 / 32 / span 3;
  }
  .b32 h4#html {
    font-size: 0.65em;
  }

  /*------- 360 * 640--------*/

  .div4 .b33 {
    grid-area: 33 / 2 / 33 / span 3;
  }
  .b33 #skill-bar {
    height: 5px;
  }

  /*------- 360 * 640--------*/

  .div4 .b34 {
    /*css*/
    grid-area: 34 / 2 / 34 / span 3;
  }
  .b34 h4#css {
    font-size: 0.65em;
  }

  /*------- 360 * 640--------*/

  .div4 .b35 {
    grid-area: 35 / 2 / 35 / span 3;
  }
  .b35 #skill-bar {
    height: 5px;
  }

  /*------- 360 * 640--------*/

  .div4 .b36 {
    /*js*/
    grid-area: 36 / 2 / 36 / span 3;
  }
  .b36 h4#js {
    font-size: 0.65em;
  }

  /*------- 360 * 640--------*/

  .div4 .b37 {
    grid-area: 37 / 2 / 37 / span 3;
  }
  .b37 #skill-bar {
    height: 5px;
  }

  /*------- 360 * 640--------*/

  .div4 .b38 {
    /*python*/
    grid-area: 38 / 2 / 38 / span 3;
  }
  .b38 h4#python {
    font-size: 0.65em;
  }

  /*------- 360 * 640--------*/

  .div4 .b39 {
    grid-area: 39 / 2 / 39 / span 3;
  }
  .b39 #skill-bar {
    height: 5px;
  }
}

/*---------CV---------430*932px---------*/
/*---------CV---------430*932px---------*/
/*---------CV---------430*932px---------*/

@media screen and (min-width: 361px) and (max-width: 430px) {
  .div4 {
    grid-area: repeat(39, 1fr) / repeat(4, 1fr);
  }
  .div4 .resume {
    display: none;
  }

  /*-----430*932px-----*/

  .header {
    height: 52px;
  }
  .header ul a {
    font-size: 1em;
  }
  .header img.logo {
    width: 20px;
    height: 32px;
    margin-top: 10px;
    margin-left: 5%;
  }
  .header .menu-icon .nav-icon {
    height: 3px;
    width: 30px;
  }
  .header .menu-icon .nav-icon:before {
    top: 10px;
  }
  .header .menu-icon .nav-icon:after {
    top: -10px;
  }

  /*----- 430*932px-----*/

  .div4 .b1 {
    /*MIRA MARKUSFELD*/
    grid-area: 3 / 2 / 3 / span 2;
  }
  .b1 h1.name-info {
    font-size: 0.85em;
    margin-top: 30%;
    margin-bottom: 10px;
  }

  /*----- 430*932px-----*/

  .div4 .b2 {
    /*marku0012...*/
    grid-area: 4 / 2 / 4 / span 3;
  }
  .b2 h3#info1 {
    font-size: 0.75em;
  }

  /*----- 430*932px-----*/

  .div4 .b3 {
    /*www.linkedin*/
    grid-area: 5 / 2 / 5 / span 3;
    margin-bottom: 10px;
  }
  .b3 a {
    font-size: 0.75em;
  }

  /*----- 430*932px-----*/

  .div4 .b6 {
    /*LANGUAGES*/
    grid-area: 6 / 2 / 6 / span 3;
  }
  .b6 h2#nameInfo {
    font-size: 0.85em;
  }

  /*----- 430*932px-----*/

  .div4 .b7 {
    /*hebrew*/
    grid-area: 7 / 2 / 7 / span 2;
  }
  .b7 .dot {
    width: 47px;
    height: 7px;
  }
  .b7 h4.lang1 {
    font-size: 0.75em;
  }

  /*----- 430*932px-----*/

  .div4 .b8 {
    /*english*/
    grid-area: 8 / 2 / 8 / span 2;
  }
  .b8 .dot {
    width: 47px;
    height: 7px;
  }
  .b8 h4.lang2 {
    font-size: 0.75em;
  }

  /*----- 430*932px-----*/

  .div4 .b9 {
    /*italian*/
    grid-area: 9 / 2 / 9 / span 2;
  }
  .b9 .dot {
    width: 47px;
    height: 7px;
  }
  .b9 h4.lang3 {
    font-size: 0.75em;
  }

  /*----- 430*932px-----*/

  .div4 .b10 {
    /*french*/
    grid-area: 10 / 2 / 10 / span 2;
  }
  .b10 .dot {
    width: 47px;
    height: 7px;
  }
  .b10 h4.lang4 {
    font-size: 0.75em;
  }

  /*----- 430*932px-----*/

  .div4 .b11 {
    /*arabic*/
    grid-area: 11 / 2 / 11 / span 2;
  }
  .b11 .dot {
    width: 47px;
    height: 7px;
  }
  .b11 h4.lang5 {
    font-size: 0.75em;
  }

  /*----- 430*932px-----*/

  .div4 .b12 {
    /*view certificate*/
    grid-area: 12 / 2 / 12 / span 2;
  }
  .b12 button.view {
    width: 150px;
    height: 25px;
  }
  .b12 a#cert {
    font-size: 0.75em;
    padding: 10px;
  }

  /*----- 430*932px-----*/

  .div4 .b13 {
    /*EDUCATION*/
    grid-area: 13 / 2 / 13 / span 3;
  }
  .b13 h2#nameInfo {
    font-size: 0.85em;
  }

  /*----- 430*932px-----*/

  .div4 .b14 {
    /*UX/UI-labour*/
    grid-area: 14 / 2 / 14 / span 3;
  }
  .b14 h3#headline {
    font-size: 0.75em;
    line-height: 1.5em;
  }
  .b14 h4#UI {
    font-size: 0.75em;
    line-height: 1.5em;
  }

  /*----- 430*932px-----*/

  .div4 .b15 {
    /*graphic - hasifa*/
    grid-area: 15 / 2 / 15 / span 3;
  }
  .b15 h3#headline {
    font-size: 0.75em;
    line-height: 1.5em;
  }
  .b15 h4#GR {
    font-size: 0.75em;
    line-height: 1.5em;
  }

  /*----- 430*932px-----*/

  .div4 .b16 {
    /*front - she codes*/
    grid-area: 16 / 2 / 16 / span 3;
  }
  .b16 h3#headline {
    font-size: 0.75em;
    line-height: 1.5em;
  }
  .b16 h4#FE {
    font-size: 0.75em;
    line-height: 1.5em;
  }

  /*----- 430*932px-----*/

  .div4 .b17 {
    /*EXPERIENCE*/
    grid-area: 17 / 2 / 17 / span 3;
  }
  .b17 h2#nameInfo {
    font-size: 0.85em;
  }

  /*----- 430*932px-----*/

  .div4 .b18 {
    /*self employeed - */
    grid-area: 18 / 2 / 18 / span 3;
  }
  .b18 h3#headline {
    font-size: 0.75em;
    line-height: 1.5em;
  }
  .b18 a {
    font-size: 0.75em;
    line-height: 1.5em;
  }

  /*----- 430*932px-----*/

  .div4 .b19 {
    /*SKILLS*/
    grid-area: 19 / 2 / 19 / span 3;
  }
  .b19 #nameInfo {
    font-size: 0.85em;
  }

  /*----- 430*932px-----*/

  .div4 .b20 {
    /*UX/UI*/
    grid-area: 20 / 2 / 20 / span 3;
  }
  .b20 #UX {
    font-size: 0.65em;
    line-height: 1.5;
  }

  /*----- 430*932px-----*/

  .div4 .b21 {
    /*grap*/
    grid-area: 21 / 2 / 21 / span 3;
  }
  .b21 #GD {
    font-size: 0.65em;
    line-height: 1.5;
  }

  /*----- 430*932px-----*/

  .div4 .b22 {
    /*web*/
    grid-area: 22 / 2 / 22 / span 3;
  }
  .b22 #WE {
    font-size: 0.65em;
    line-height: 1.5;
  }

  /*----- 430*932px-----*/

  .div4 .b23 {
    /*TOOLS*/
    grid-area: 23 / 2 / 23 / span 3;
  }
  .b23 #nameInfo {
    font-size: 0.85em;
  }

  /*----- 430*932px-----*/

  .div4 .b24 {
    /*photoshop*/
    grid-area: 24 / 2 / 24 / span 3;
  }
  .b24 h4#photoshop {
    font-size: 0.65em;
  }

  /*----- 430*932px-----*/

  .div4 .b25 {
    grid-area: 25 / 2 / 25 / span 3;
  }
  .b25 #skill-bar {
    height: 5px;
  }

  /*----- 430*932px-----*/

  .div4 .b26 {
    /*illustrator*/
    grid-area: 26 / 2 / 26 / span 3;
  }
  .b26 h4#illustrator {
    font-size: 0.65em;
  }

  /*----- 430*932px-----*/

  .div4 .b27 {
    grid-area: 27 / 2 / 27 / span 3;
  }
  .b27 #skill-bar {
    height: 5px;
  }

  /*----- 430*932px-----*/

  .div4 .b28 {
    /*Indesign*/
    grid-area: 28 / 2 / 28 / span 3;
  }
  .b28 h4#indesign {
    font-size: 0.65em;
  }

  /*----- 430*932px-----*/

  .div4 .b29 {
    grid-area: 29 / 2 / 29 / span 3;
  }
  .b29 #skill-bar {
    height: 5px;
  }

  /*----- 430*932px-----*/

  .div4 .b30 {
    /*figma*/
    grid-area: 30 / 2 / 30 / span 3;
  }
  .b30 h4#figma {
    font-size: 0.65em;
  }

  /*----- 430*932px-----*/

  .div4 .b31 {
    grid-area: 31 / 2 / 31 / span 3;
  }
  .b31 #skill-bar {
    height: 5px;
  }

  /*----- 430*932px-----*/

  .div4 .b32 {
    /*html*/
    grid-area: 32 / 2 / 32 / span 3;
  }
  .b32 h4#html {
    font-size: 0.65em;
  }

  /*----- 430*932px-----*/

  .div4 .b33 {
    grid-area: 33 / 2 / 33 / span 3;
  }
  .b33 #skill-bar {
    height: 5px;
  }

  /*----- 430*932px-----*/

  .div4 .b34 {
    /*css*/
    grid-area: 34 / 2 / 34 / span 3;
  }
  .b34 h4#css {
    font-size: 0.65em;
  }

  /*----- 430*932px-----*/

  .div4 .b35 {
    grid-area: 35 / 2 / 35 / span 3;
  }
  .b35 #skill-bar {
    height: 5px;
  }

  /*----- 430*932px-----*/

  .div4 .b36 {
    /*js*/
    grid-area: 36 / 2 / 36 / span 3;
  }
  .b36 h4#js {
    font-size: 0.65em;
  }

  /*----- 430*932px-----*/

  .div4 .b37 {
    grid-area: 37 / 2 / 37 / span 3;
  }
  .b37 #skill-bar {
    height: 5px;
  }

  /*----- 430*932px-----*/

  .div4 .b38 {
    /*python*/
    grid-area: 38 / 2 / 38 / span 3;
  }
  .b38 h4#python {
    font-size: 0.65em;
  }

  /*----- 430*932px-----*/

  .div4 .b39 {
    grid-area: 39 / 2 / 39 / span 3;
  }
  .b39 #skill-bar {
    height: 5px;
  }
}

/*---------CV-------- 744*1133 ---------*/
/*---------CV-------- 744*1133 ---------*/
/*---------CV-------- 744*1133 ---------*/

@media screen and (min-width: 431px) and (max-width: 744px) {
  .div4 {
    grid-area: repeat(39, 1fr) / repeat(4, 1fr);
  }
  .div4 .resume {
    display: none;
  }

  /*----744*1133------*/

  .header {
    height: 60px;
  }
  .header ul a {
    font-size: 1.5em;
  }
  .header img.logo {
    width: 25px;
    height: 40px;
    margin-top: 10px;
    margin-left: 10%;
  }
  .header .menu-icon {
    padding: 28px 20px;
    float: right;
    margin-right: 10%;
  }
  .header .menu-icon .nav-icon {
    height: 4px;
    width: 40px;
  }
  .header .menu-icon .nav-icon:before {
    top: 15px;
  }
  .header .menu-icon .nav-icon:after {
    top: -15px;
  }

  /*----744*1133-----------------------*/

  .div4 .b1 {
    /*MIRA MARKUSFELD*/
    grid-area: 3 / 2 / 3 / span 2;
  }
  .b1 h1.name-info {
    font-size: 1.25em;
    margin-top: 30%;
    margin-bottom: 10px;
  }

  /*----744*1133-----------------------*/

  .div4 .b2 {
    /*marku0012...*/
    grid-area: 4 / 2 / 4 / span 3;
  }
  .b2 h3#info1 {
    font-size: 1em;
  }

  /*----744*1133------------------------*/

  .div4 .b3 {
    /*www.linkedin*/
    grid-area: 5 / 2 / 5 / span 3;
    margin-bottom: 10px;
  }
  .b3 a {
    font-size: 1em;
  }

  /*----744*1133---------------------*/

  .div4 .b6 {
    /*LANGUAGES*/
    grid-area: 6 / 2 / 6 / span 2;
  }
  .b6 h2#nameInfo {
    font-size: 1.25em;
  }

  /*----744*1133---------------------*/

  .div4 .b7 {
    /*hebrew*/
    grid-area: 7 / 2 / 7 / span 2;
  }
  .b7 .dot {
    width: 54px;
    height: 8px;
  }
  .b7 h4.lang1 {
    font-size: 1em;
  }

  /*----744*1133------*/

  .div4 .b8 {
    /*english*/
    grid-area: 8 / 2 / 8 / span 2;
  }
  .b8 .dot {
    width: 54px;
    height: 8px;
  }
  .b8 h4.lang2 {
    font-size: 1em;
  }

  /*----744*1133------*/

  .div4 .b9 {
    /*italian*/
    grid-area: 9 / 2 / 9 / span 2;
  }
  .b9 .dot {
    width: 54px;
    height: 8px;
  }
  .b9 h4.lang3 {
    font-size: 1em;
  }

  /*----744*1133------*/

  .div4 .b10 {
    /*french*/
    grid-area: 10 / 2 / 10 / span 2;
  }
  .b10 .dot {
    width: 54px;
    height: 8px;
  }
  .b10 h4.lang4 {
    font-size: 1em;
  }

  /*----744*1133------*/

  .div4 .b11 {
    /*arabic*/
    grid-area: 11 / 2 / 11 / span 2;
  }
  .b11 .dot {
    width: 54px;
    height: 8px;
  }
  .b11 h4.lang5 {
    font-size: 1em;
  }

  /*----744*1133------*/

  .div4 .b12 {
    /*view certificate*/
    grid-area: 12 / 2 / 12 / span 2;
  }
  .b12 button.view {
    width: 180px;
    height: 30px;
  }
  .b12 a#cert {
    font-size: 1em;
    padding: 10px;
  }

  /*----744*1133------*/

  .div4 .b13 {
    /*EDUCATION*/
    grid-area: 13 / 2 / 13 / span 3;
  }
  .b13 h2#nameInfo {
    font-size: 1.25em;
  }

  /*----744*1133------*/

  .div4 .b14 {
    /*UX/UI-labour*/
    grid-area: 14 / 2 / 14 / span 3;
  }
  .b14 h3#headline {
    font-size: 1em;
    line-height: 1.5em;
  }
  .b14 h4#UI {
    font-size: 0.85em;
    line-height: 1em;
  }

  /*----744*1133------*/

  .div4 .b15 {
    /*graphic - hasifa*/
    grid-area: 15 / 2 / 15 / span 3;
  }
  .b15 h3#headline {
    font-size: 1em;
    line-height: 1.5em;
  }
  .b15 h4#GR {
    font-size: 0.85em;
    line-height: 1em;
  }

  /*----744*1133------*/

  .div4 .b16 {
    /*front - she codes*/
    grid-area: 16 / 2 / 16 / span 3;
  }
  .b16 h3#headline {
    font-size: 1em;
    line-height: 1.5em;
  }
  .b16 h4#FE {
    font-size: 0.85em;
    line-height: 1em;
  }

  /*----744*1133------*/

  .div4 .b17 {
    /*EXPERIENCE*/
    grid-area: 17 / 2 / 17 / span 3;
  }
  .b17 h2#nameInfo {
    font-size: 1.25em;
  }

  /*----744*1133------*/

  .div4 .b18 {
    /*self employeed - */
    grid-area: 18 / 2 / 18 / span 3;
  }
  .b18 h3#headline {
    font-size: 1em;
    line-height: 1.5em;
  }
  .b18 a {
    font-size: 0.85em;
    line-height: 1em;
  }

  /*----744*1133------*/

  .div4 .b19 {
    /*SKILLS*/
    grid-area: 19 / 2 / 19 / span 3;
  }
  .b19 #nameInfo {
    font-size: 1.25em;
  }

  /*----744*1133------*/

  .div4 .b20 {
    /*UX/UI*/
    grid-area: 20 / 2 / 20 / span 3;
  }
  .b20 #UX {
    font-size: 0.85em;
    line-height: 1.5;
  }

  /*----744*1133------*/

  .div4 .b21 {
    /*grap*/
    grid-area: 21 / 2 / 21 / span 3;
  }
  .b21 #GD {
    font-size: 0.85em;
    line-height: 1.5;
  }

  /*----744*1133------*/

  .div4 .b22 {
    /*web*/
    grid-area: 22 / 2 / 22 / span 3;
  }
  .b22 #WE {
    font-size: 0.85em;
    line-height: 1.5;
  }

  /*----744*1133------*/

  .div4 .b23 {
    /*TOOLS*/
    grid-area: 23 / 2 / 23 / span 3;
  }
  .b23 #nameInfo {
    font-size: 1.25em;
  }

  /*----744*1133------*/

  .div4 .b24 {
    /*photoshop*/
    grid-area: 24 / 2 / 24 / span 3;
  }
  .b24 h4#photoshop {
    font-size: 0.85em;
  }

  /*----744*1133------*/

  .div4 .b25 {
    grid-area: 25 / 2 / 25 / span 3;
  }
  .b25 #skill-bar {
    height: 5px;
  }

  /*----744*1133------*/

  .div4 .b26 {
    /*illustrator*/
    grid-area: 26 / 2 / 26 / span 3;
  }
  .b26 h4#illustrator {
    font-size: 0.85em;
  }

  /*----744*1133------*/

  .div4 .b27 {
    grid-area: 27 / 2 / 27 / span 3;
  }
  .b27 #skill-bar {
    height: 5px;
  }

  /*----744*1133------*/

  .div4 .b28 {
    /*Indesign*/
    grid-area: 28 / 2 / 28 / span 3;
  }
  .b28 h4#indesign {
    font-size: 0.85em;
  }

  /*----744*1133------*/

  .div4 .b29 {
    grid-area: 29 / 2 / 29 / span 3;
  }
  .b29 #skill-bar {
    height: 5px;
  }

  /*----744*1133------*/

  .div4 .b30 {
    /*figma*/
    grid-area: 30 / 2 / 30 / span 3;
  }
  .b30 h4#figma {
    font-size: 0.85em;
  }

  /*----744*1133------*/

  .div4 .b31 {
    grid-area: 31 / 2 / 31 / span 3;
  }
  .b31 #skill-bar {
    height: 5px;
  }

  /*----744*1133------*/

  .div4 .b32 {
    /*html*/
    grid-area: 32 / 2 / 32 / span 3;
  }
  .b32 h4#html {
    font-size: 0.85em;
  }

  /*----744*1133------*/

  .div4 .b33 {
    grid-area: 33 / 2 / 33 / span 3;
  }
  .b33 #skill-bar {
    height: 5px;
  }

  /*----744*1133------*/

  .div4 .b34 {
    /*css*/
    grid-area: 34 / 2 / 34 / span 3;
  }
  .b34 h4#css {
    font-size: 0.85em;
  }

  /*----744*1133------*/

  .div4 .b35 {
    grid-area: 35 / 2 / 35 / span 3;
  }
  .b35 #skill-bar {
    height: 5px;
  }

  /*----744*1133------*/

  .div4 .b36 {
    /*js*/
    grid-area: 36 / 2 / 36 / span 3;
  }
  .b36 h4#js {
    font-size: 0.85em;
  }

  /*----744*1133------*/

  .div4 .b37 {
    grid-area: 37 / 2 / 37 / span 3;
  }
  .b37 #skill-bar {
    height: 5px;
  }

  /*----744*1133------*/

  .div4 .b38 {
    /*python*/
    grid-area: 38 / 2 / 38 / span 3;
  }
  .b38 h4#python {
    font-size: 0.85em;
  }

  /*----744*1133------*/

  .div4 .b39 {
    grid-area: 39 / 2 / 39 / span 3;
  }
  .b39 #skill-bar {
    height: 5px;
  }
}

/*----------CV------- 1024*1366 ---------*/
/*----------CV------- 1024*1366 ---------*/
/*----------CV------- 1024*1366 ---------*/

@media screen and (min-width: 745px) and (max-width: 1024px) {

  .div4 {
    grid-area: repeat(39, 1fr) / repeat(4, 1fr);
  }
  .div4 .header {
    display: none;
  }

  /*----1024*1366------*/

  .resume {
    height: 60px;
  }
  .b0 img.logi {
    width: 25px;
    height: 40px;
  }
  ul li {
    width: 7em;
  }
  .resume .i .navy {        /*nav*/
    font-size: 1.25em;
  }

  /*----1024*1366------*/

  .b1 h1.name-info {        /*MIRA MARKUSFELD*/
    font-size: 1.25em;
    line-height: 1.25em;
    margin-top: 20%;
    margin-bottom: 10px;
  }

  /*----1024*1366------*/

  .b2 h3#info1 {          /*marku0012...*/
    font-size: 1em;
    line-height: 1.25em;
  }

  /*----1024*1366------*/

  .b3 a {       /*www.linkedin*/
    font-size: 1em;
    line-height: 1.25em;
  }

  /*----1024*1366------*/

  .b6 h2#nameInfo {       /*LANGUAGES*/
    font-size: 1.25em;
    line-height: 1.25em;
  }

  /*----1024*1366------*/

  .div4 .b7 {       /*hebrew*/
    margin-right: 40%;
  }
  .b7 .dot {
    width: 54px;
    height: 8px;
  }
  .b7 h4.lang1 {
    font-size: 1em;
    line-height: 1em;
  }

  /*----1024*1366------*/

  .div4 .b8 {       /*english*/
    margin-right: 40%;
  }
  .b8 .dot {
    width: 54px;
    height: 8px;
  }
  .b8 h4.lang2 {
    font-size: 1em;
    line-height: 1em;
  }

  /*----1024*1366------*/

  .div4 .b9 {       /*italian*/
    margin-right: 40%;
  }
  .b9 .dot {
    width: 54px;
    height: 8px;
  }
  .b9 h4.lang3 {
    font-size: 1em;
    line-height: 1em;
  }

  /*----1024*1366------*/

  .div4 .b10 {        /*french*/
    margin-right: 40%;
  }
  .b10 .dot {
    width: 54px;
    height: 8px;
  }
  .b10 h4.lang4 {
    font-size: 1em;
    line-height: 1em;
  }

  /*----1024*1366------*/

  .div4 .b11 {        /*arabic*/
    margin-right: 40%;
  }
  .b11 .dot {
    width: 54px;
    height: 8px;
  }
  .b11 h4.lang5 {
    font-size: 1em;
    line-height: 1em;
  }

  /*----1024*1366------*/

  .b12 button.view {        /*view certificate*/
    width: 180px;
    height: 30px;
  }
  .b12 a#cert {
    font-size: 1em;
  }

  /*----1024*1366------*/

  .b13 h2#nameInfo {        /*EDUCATION*/
    font-size: 1.25em;
    line-height: 1.25em;
  }

  /*----1024*1366------*/

  .b14 h3#headline {        /*UX/UI-labour*/
    font-size: 1em;
    line-height: 1em;
  }
  .b14 h4#UI {
    font-size: 1em;
    line-height: 1.5em;
  }

  /*----1024*1366------*/

  .b15 h3#headline {        /*graphic - hasifa*/
    font-size: 1em;
    line-height: 1em;
  }
  .b15 h4#GR {
    font-size: 1em;
    line-height: 1.5em;
  }

  /*----1024*1366------*/

  .b16 h3#headline {        /*front - she codes*/
    font-size: 1em;
    line-height: 1em;
  }
  .b16 h4#FE {
    font-size: 1em;
    line-height: 1.5em;
  }

  /*----1024*1366------*/

  .b17 h2#nameInfo {        /*EXPERIENCE*/
    font-size: 1.25em;
    line-height: 1.25em;
  }

  /*----1024*1366------*/

  .b18 h3#headline {        /*self employeed - */
    font-size: 1em;
    line-height: 1em;
  }
  .b18 a {
    font-size: 1em;
    line-height: 1.5em;
  }

  /*----1024*1366------*/

  .b19 #nameInfo {        /*SKILLS*/
    font-size: 1.25em;
    line-height: 1.25em;
  }

  /*----1024*1366------*/

  .b20 #UX {        /*UX/UI*/
    font-size: 1em;
    line-height: 1.5;
  }

  /*----1024*1366------*/

  .b21 #GD {        /*grap*/
    font-size: 1em;
    line-height: 1.5;
  }

  /*----1024*1366------*/

  .b22 #WE {        /*web*/
    font-size: 1em;
    line-height: 1.5;
  }

  /*----1024*1366------*/

  .b23 #nameInfo {        /*TOOLS*/
    font-size: 1.25em;
    line-height: 1.25em;
  }

  /*----1024*1366------*/

  .b24 h4#photoshop {       /*photoshop*/
    font-size: 1em;
  }

  /*----1024*1366------*/

  .b25 #skill-bar {       /*photoshop*/
    height: 8px;
  }

  /*----1024*1366------*/

  .b26 h4#illustrator {       /*illustrator*/
    font-size: 1em;
  }

  /*----1024*1366------*/

  .b27 #skill-bar {         /*illustrator*/
    height: 8px;
  }

  /*----1024*1366------*/

  .b28 h4#indesign {          /*Indesign*/
    font-size: 1em;
  }

  /*----1024*1366------*/

  .b29 #skill-bar {       /*Indesign*/
    height: 8px;
  }

  /*----1024*1366------*/

  .b30 h4#figma {       /*figma*/
    font-size: 1em;
  }

  /*----1024*1366------*/

  .b31 #skill-bar {       /*figma*/
    height: 8px;
  }

  /*----1024*1366------*/

  .b32 h4#html {        /*html*/
    font-size: 1em;
  }

  /*----1024*1366------*/

  .b33 #skill-bar {       /*html*/
    height: 8px;
  }

  /*----1024*1366------*/

  .b34 h4#css {       /*css*/
    font-size: 1em;
  }

  /*----1024*1366------*/

  .b35 #skill-bar {       /*css*/
    height: 8px;
  }

  /*----1024*1366------*/

  .b36 h4#js {        /*js*/
    font-size: 1em;
  }

  /*----1024*1366------*/

  .b37 #skill-bar {       /*js*/
    height: 8px;
  }

  /*----1024*1366------*/

  .b38 h4#python {        /*python*/
    font-size: 1em;
  }

  /*----1024*1366------*/

  .b39 #skill-bar {       /*python*/
    height: 8px;
  }
}

/*----------CV---------1280*832----------*/
/*----------CV---------1280*832----------*/
/*----------CV---------1280*832----------*/

@media screen and (min-width: 1025px) and (max-width: 1280px) {

    .div4 {
    grid-area: repeat(39, 1fr) / repeat(4, 1fr);
  }
  .div4 .header {
    display: none;
  }

  /*----1280*832------*/

  .resume {
    height: 60px;
  }
  .b0 img.logi {
    width: 25px;
    height: 40px;
  }
  ul li {
    width: 7em;
  }
  .resume .i .navy {        /*nav*/
    font-size: 1.25em;
  }

  /*----1280*832------*/

  .b1 h1.name-info {        /*MIRA MARKUSFELD*/
    font-size: 1.5em;
    margin-top: 20%;
    margin-bottom: 10px;
  }

  /*----1280*832------*/

  .b2 h3#info1 {          /*marku0012...*/
    font-size: 1.25em;
    line-height: 1.25em;
  }

  /*----1280*832------*/

  .b3 a {       /*www.linkedin*/
    font-size: 1.25em;
    line-height: 1.25em;
  }

  /*----1280*832------*/

  .b6 h2#nameInfo {       /*LANGUAGES*/
    font-size: 1.5em;
  }

  /*----1280*832------*/

  .div4 .b7 {       /*hebrew*/
    margin-right: 40%;
  }
  .b7 .dot {
    width: 60px;
    height: 9px;
  }
  .b7 h4.lang1 {
    font-size: 1.25em;
  }

  /*----1280*832------*/

  .div4 .b8 {       /*english*/
    margin-right: 40%;
  }
  .b8 .dot {
    width: 60px;
    height: 9px;
  }
  .b8 h4.lang2 {
    font-size: 1.25em;
  }

  /*----1280*832------*/

  .div4 .b9 {       /*italian*/
    margin-right: 40%;
  }
  .b9 .dot {
    width: 60px;
    height: 9px;
  }
  .b9 h4.lang3 {
    font-size: 1.25em;
  }

  /*----1280*832------*/

  .div4 .b10 {        /*french*/
    margin-right: 40%;
  }
  .b10 .dot {
    width: 60px;
    height: 9px;
  }
  .b10 h4.lang4 {
    font-size: 1.25em;
  }

  /*----1280*832------*/

  .div4 .b11 {        /*arabic*/
    margin-right: 40%;
  }
  .b11 .dot {
    width: 60px;
    height: 9px;
  }
  .b11 h4.lang5 {
    font-size: 1.25em;
  }

  /*----1280*832------*/

  .div4 .b12 {        /*view certificate*/
    grid-area: 12 / 2 / 12 / span 1;
    justify-content: flex-end;
  }
  .b12 button.view {        /*view certificate*/
    width: 210px;
    height: 35px;
  }
  .b12 a#cert {
    font-size: 1.25em;
  }

  /*----1280*832------*/

  .b13 h2#nameInfo {
    font-size: 1.5em;
    line-height: 1.5em;
  }

  /*----1280*832------*/

  .b14 h3#headline {        /*UX/UI-labour*/
    font-size: 1.25em;
    line-height: 1.5em;
  }
  .b14 h4#UI {
    font-size: 1.25em;
    line-height: 1.5em;
  }

  /*----1280*832------*/

  .b15 h3#headline {        /*graphic - hasifa*/
    font-size: 1.25em;
    line-height: 1.5em;
  }
  .b15 h4#GR {
    font-size: 1.25em;
    line-height: 1.5em;
  }

  /*----1280*832------*/

  .b16 h3#headline {        /*front - she codes*/
    font-size: 1.25em;
    line-height: 1.5em;
  }
  .b16 h4#FE {
    font-size: 1.25em;
    line-height: 1.5em;
  }

  /*----1280*832------*/

  .b17 h2#nameInfo {        /*EXPERIENCE*/
    font-size: 1.5em;
    line-height: 1.5em;
  }

  /*----1280*832------*/

  .b18 h3#headline {         /*self employeed - */
    font-size: 1.25em;
    line-height: 1.5em;
  }
  .b18 a {
    font-size: 1.25em;
    line-height: 1.5em;
  }

  /*----1280*832------*/

  .b19 #nameInfo {        /*SKILLS*/
    font-size: 1.5em;
    line-height: 1.5em;
  }

  /*----1280*832------*/

  .b20 #UX {        /*UX/UI*/
    font-size: 1em;
    line-height: 1.5;
  }

  /*----1280*832------*/

  .b21 #GD {        /*grap*/
    font-size: 1em;
    line-height: 1.5;
  }

  /*----1280*832------*/

  .b22 #WE {         /*web*/
    font-size: 1em;
    line-height: 1.5;
  }

  /*----1280*832------*/

  .b23 #nameInfo {        /*TOOLS*/
    font-size: 1.5em;
    line-height: 1.5em;
  }

  /*----1280*832------*/

  .b24 h4#photoshop {
    font-size: 1em;
  }

  /*----1280*832------*/

  .b25 #skill-bar {
    height: 8px;
  }

  /*----1280*832------*/

  .b26 h4#illustrator {       /*illustrator*/
    font-size: 1em;
  }

  /*----1280*832------*/

  .b27 #skill-bar {
    height: 8px;
  }

  /*----1280*832------*/

  .b28 h4#indesign {        /*indesign*/
    font-size: 1em;
  }

  /*----1280*832------*/

  .b29 #skill-bar {
    height: 8px;
  }

  /*----1280*832------*/

  .b30 h4#figma {       /*figma*/
    font-size: 1em;
  }

  /*----1280*832------*/

  .b31 #skill-bar {
    height: 8px;
  }

  /*----1280*832------*/

  .b32 h4#html {        /*html*/
    font-size: 1em;
  }

  /*----1280*832------*/

  .b33 #skill-bar {
    height: 8px;
  }

  /*----1280*832------*/

  .b34 h4#css {       /*css*/
    font-size: 1em;
  }

  /*----1280*832------*/

  .b35 #skill-bar {
    height: 8px;
  }

  /*----1280*832------*/

  .b36 h4#js {         /*js*/
    font-size: 1em;
  }

  /*----1280*832------*/

  .b37 #skill-bar {
    height: 8px;
  }

  /*----1280*832------*/

  .b38 h4#python {        /*python*/
    font-size: 1em;
  }

  /*----1280*832------*/

  .b39 #skill-bar {
    height: 8px;
  }
}

/*----------CV---------1440*1024----------*/
/*----------CV---------1440*1024----------*/
/*----------CV---------1440*1024----------*/

@media screen and (min-width: 1281px) and (max-width: 1440px) {
  
  .div4 {
    grid-area: repeat(39, 1fr) / repeat(4, 1fr);
  }
  .div4 .header {
    display: none;
  }


  /*----1440*1024------*/

  .div4 .resume {
    grid-area: 1 / 1 / 1 / span 4;
    background: #b5a69a;
  }
  .resume {
    height: 68px;
  }
  ul li {
    width: 8em;
    margin-left: -30%;
  }
  .resume .i .navy {        /*nav*/
    font-size: 1.5em;
    font-weight: normal;
  }
  .b0 img.logi {
    width: 30px;
    height: 48px;
  }

  /*----1440*1024------*/

  .b1 h1.name-info {        /*MIRA MARKUSFELD*/
    font-size: 1.5em;
    margin-top: 20%;
    margin-bottom: 10px;
  }

  /*----1440*1024------*/

  .b2 h3#info1 {          /*marku0012...*/
    font-size: 1.25em;
    line-height: 1.5em;
  }

  /*----1440*1024------*/

  .b3 a {       /*www.linkedin*/
    font-size: 1.25em;
    line-height: 1.5em;
  }

  /*----1440*1024------*/

  .b6 h2#nameInfo {       /*LANGUAGES*/
    font-size: 1.5em;
  }

  /*----1440*1024------*/

  .div4 .b7 {       /*hebrew*/
    margin-right: 40%;
  }
  .b7 .dot {
    width: 60px;
    height: 9px;
  }
  .b7 h4.lang1 {
    font-size: 1.25em;
    line-height: 1.5em;
  }

  /*----1440*1024------*/

  .div4 .b8 {       /*english*/
    margin-right: 40%;
  }
  .b8 .dot {
    width: 60px;
    height: 9px;
  }
  .b8 h4.lang2 {
    font-size: 1.25em;
    line-height: 1.5em;
  }

  /*----1440*1024------*/

  .div4 .b9 {       /*italian*/
    margin-right: 40%;
  }
  .b9 .dot {
    width: 60px;
    height: 9px;
  }
  .b9 h4.lang3 {
    font-size: 1.25em;
    line-height: 1.5em;
  }

  /*----1440*1024------*/

  .div4 .b10 {        /*french*/
    margin-right: 40%;
  }
  .b10 .dot {
    width: 60px;
    height: 9px;
  }
  .b10 h4.lang4 {
    font-size: 1.25em;
    line-height: 1.5em;
  }

  /*----1440*1024------*/

  .div4 .b11 {        /*arabic*/
    margin-right: 40%;
  }
  .b11 .dot {
    width: 60px;
    height: 9px;
  }
  .b11 h4.lang5 {
    font-size: 1.25em;
    line-height: 1.5em;
  }

  /*----1440*1024------*/

  .div4 .b12 {        /*view certificate*/
    grid-area: 12 / 2 / 12 / span 1;
    justify-content: flex-end;
  }
  .b12 button.view {        
    width: 210px;
    height: 35px;
  }
  .b12 a#cert {
    font-size: 1.25em;
  }

  /*----1440*1024------*/

  .b13 h2#nameInfo {        /*EDUCATION*/
    font-size: 1.5em;
  }

  /*----1440*1024------*/

  .b14 h3#headline {        /*UX/UI-labour*/
    font-size: 1.25em;
    line-height: 1.5em;
  }
  .b14 h4#UI {
    font-size: 1.25em;
    line-height: 1.5em;
  }

  /*----1440*1024------*/

  .b15 h3#headline {        /*graphic - hasifa*/
    font-size: 1.25em;
    line-height: 1.5em;
  }
  .b15 h4#GR {
    font-size: 1.25em;
    line-height: 1.5em;
  }

  /*----1440*1024------*/

  .b16 h3#headline {        /*front - she codes*/
    font-size: 1.25em;
    line-height: 1.5em;
  }
  .b16 h4#FE {
    font-size: 1.25em;
    line-height: 1.5em;
  }

  /*----1440*1024------*/

  .b17 h2#nameInfo {        /*EXPERIENCE*/
    font-size: 1.5em;
  }

  /*----1440*1024------*/

  .b18 h3#headline {        /*self employeed - */
    font-size: 1.25em;
    line-height: 1.5em;
  }
  .b18 a {
    font-size: 1.25em;
    line-height: 1.5em;
  }

  /*----1440*1024------*/

  .b19 #nameInfo {        /*SKILLS*/
    font-size: 1.5em;
  }

  /*----1440*1024------*/

  .b20 #UX {        /*UX/UI*/
    font-size: 1em;
    line-height: 1.5;
  }

  /*----1440*1024------*/

  .b21 #GD {        /*grap*/
    font-size: 1em;
    line-height: 1.5;
  }

  /*----1440*1024------*/

  .b22 #WE {        /*web*/
    font-size: 1em;
    line-height: 1.5;
  }

  /*----1440*1024------*/

  .b23 #nameInfo {        /*TOOLS*/
    font-size: 1.5em;
  }

  /*----1440*1024------*/

  .b24 h4#photoshop {
    font-size: 1em;
  }

  /*----1440*1024------*/

  .b25 #skill-bar {
    height: 8px;
  }

  /*----1440*1024------*/

  .b26 h4#illustrator {       /*illustrator*/
    font-size: 1em;
  }

  /*----1440*1024------*/

  .b27 #skill-bar {         /*illustrator*/
    height: 8px;
  }

  /*----1440*1024------*/

  .b28 h4#indesign {          /*Indesign*/
    font-size: 1em;
  }

  /*----1440*1024------*/

  .b29 #skill-bar {       /*Indesign*/
    height: 8px;
  }

  /*----1440*1024------*/

  .b30 h4#figma {       /*figma*/
    font-size: 1em;
  }

  /*----1440*1024------*/

  .b31 #skill-bar {       /*figma*/
    height: 8px;
  }

  /*----1440*1024------*/

  .b32 h4#html {        /*html*/
    font-size: 1em;
  }

  /*----1440*1024------*/

  .b33 #skill-bar {       /*html*/
    height: 8px;
  }

  /*----1440*1024------*/

  .b34 h4#css {       /*css*/
    font-size: 1em;
  }

  /*----1440*1024------*/

  .b35 #skill-bar {       /*css*/
    height: 8px;
  }

  /*----1440*1024------*/

  .b36 h4#js {        /*js*/
    font-size: 1em;
  }

  /*----1440*1024------*/

  .b37 #skill-bar {       /*js*/
    height: 8px;
  }

  /*----1440*1024------*/

  .b38 h4#python {        /*python*/
    font-size: 1em;
  }

  /*----1440*1024------*/

  .b39 #skill-bar {       /*python*/
    height: 8px;
  }
}

/*----------CV---------1512*982------------*/
/*----------CV---------1512*982------------*/
/*----------CV---------1512*982------------*/

@media screen and (min-width: 1441px) and (max-width: 1512px) {

  .div4 {
    grid-area: repeat(39, 1fr) / repeat(4, 1fr);
  }
  .div4 .header {
    display: none;
  }

  /*----1512*982------*/

  .div4 .resume {
    grid-area: 1 / 1 / 1 / span 4;
    background: #b5a69a;
  }
  .resume {
    height: 76px;
  }
  .resume .i .navy {        /*nav*/
    font-size: 1.5em;
  }
  ul li {
    width: 8em;
    margin-left: -30%;
  }
  .b0 img.logi {
    width: 35px;
    height: 56px;
  }

  /*----1512*982------*/

  .b1 h1.name-info {        /*MIRA MARKUSFELD*/
    font-size: 1.5em;
    margin-top: 20%;
    margin-bottom: 10px;
  }

  /*----1512*982------*/

  .b2 h3#info1 {          /*marku0012...*/
    font-size: 1.25em;
    line-height: 1.5em;
  }

  /*----1512*982------*/

  .b3 a {       /*www.linkedin*/
    font-size: 1.25em;
    line-height: 1.5em;
  }

  /*----1512*982------*/

  .b6 h2#nameInfo {       /*LANGUAGES*/
    font-size: 1.5em;
  }

  /*----1512*982------*/

  .div4 .b7 {       /*hebrew*/
    margin-right: 40%;
  }
  .b7 .dot {
    width: 60px;
    height: 9px;
  }
  .b7 h4.lang1 {
    font-size: 1.25em;
    line-height: 1.5em;
  }

  /*----1512*982------*/

  .div4 .b8 {       /*english*/
    margin-right: 40%;
  }
  .b8 .dot {
    width: 60px;
    height: 9px;
  }
  .b8 h4.lang2 {
    font-size: 1.25em;
    line-height: 1.5em;
  }

  /*----1512*982------*/

  .div4 .b9 {       /*italian*/
    margin-right: 40%;
  }
  .b9 .dot {
    width: 60px;
    height: 9px;
  }
  .b9 h4.lang3 {
    font-size: 1.25em;
    line-height: 1.5em;
  }

  /*----1512*982------*/

  .div4 .b10 {        /*french*/
    margin-right: 40%;
  }
  .b10 .dot {
    width: 60px;
    height: 9px;
  }
  .b10 h4.lang4 {
    font-size: 1.25em;
    line-height: 1.5em;
  }

  /*----1512*982------*/

  .div4 .b11 {        /*arabic*/
    margin-right: 40%;
  }
  .b11 .dot {
    width: 60px;
    height: 9px;
  }
  .b11 h4.lang5 {
    font-size: 1.25em;
    line-height: 1.5em;
  }

  /*----1512*982------*/

  .div4 .b12 {        /*view certificate*/
    grid-area: 12 / 2 / 12 / span 1;
    justify-content: flex-end;
  }
  .b12 button.view {        
    width: 210px;
    height: 35px;
  }
  .b12 a#cert {
    font-size: 1.25em;
  }

  /*----1512*982------*/

  .b13 h2#nameInfo {        /*EDUCATION*/
    font-size: 1.5em;
  }

  /*----1512*982------*/

  .b14 h3#headline {        /*UX/UI-labour*/
    font-size: 1.25em;
    line-height: 1.5em;
  }
  .b14 h4#UI {
    font-size: 1.25em;
    line-height: 1.5em;
  }

  /*----1512*982------*/ 

  .b15 h3#headline {        /*graphic - hasifa*/
    font-size: 1.25em;
    line-height: 1.5em;
  }
  .b15 h4#GR {
    font-size: 1.25em;
    line-height: 1.5em;
  }

  /*----1512*982------*/

  .b16 h3#headline {        /*front - she codes*/
    font-size: 1.25em;
    line-height: 1.5em;
  }
  .b16 h4#FE {
    font-size: 1.25em;
    line-height: 1.5em;
  }

  /*----1512*982------*/

  .b17 h2#nameInfo {        /*EXPERIENCE*/
    font-size: 1.5em;
  }

  /*----1512*982------*/

  .b18 h3#headline {        /*self employeed - */
    font-size: 1.25em;
    line-height: 1.5em;
  }
  .b18 a {
    font-size: 1.25em;
    line-height: 1.5em;
  }

  /*----1512*982------*/

  .b19 #nameInfo {        /*SKILLS*/
    font-size: 1.5em;
  }

  /*----1512*982------*/

  .b20 #UX {        /*UX/UI*/
    font-size: 1.25em;
    line-height: 1.5;
  }

  /*----1512*982------*/

  .b21 #GD {        /*grap*/
    font-size: 1.25em;
    line-height: 1.5;
  }

  /*----1512*982------*/

  .b22 #WE {        /*web*/
    font-size: 1.25em;
    line-height: 1.5;
  }

  /*----1512*982------*/

  .b23 #nameInfo {        /*TOOLS*/
    font-size: 1.5em;
  }

  /*----1512*982------*/

  .b24 h4#photoshop {       /*photoshop*/
    font-size: 1.25em;
  }

  /*----1512*982------*/

  .b25 #skill-bar {       
    height: 8px;
    width: 40%;
  }

  /*----1512*982------*/

  .b26 h4#illustrator {       /*illustrator*/
    font-size: 1.25em;
  }

  /*----1512*982------*/

  .b27 #skill-bar {        
    height: 8px;
    width: 40%;
  }

  /*----1512*982------*/

  .b28 h4#indesign {          /*Indesign*/
    font-size: 1.25em;
  }

  /*----1512*982------*/

  .b29 #skill-bar {      
    height: 8px;
    width: 40%;
  }

  /*----1512*982------*/

  .b30 h4#figma {       /*figma*/
    font-size: 1.25em;
  }

  /*----1512*982------*/

  .b31 #skill-bar {       
    height: 8px;
    width: 40%;
  }

  /*----1512*982------*/

  .b32 h4#html {        /*html*/
    font-size: 1.25em;
  }

  /*----1512*982------*/

  .b33 #skill-bar {       
    height: 8px;
    width: 40%;
  }

  /*----1512*982------*/

  .b34 h4#css {       /*css*/
    font-size: 1.25em;
  }

  /*----1512*982------*/

  .b35 #skill-bar {       
    height: 8px;
    width: 40%;
  }

  /*----1512*982------*/

  .b36 h4#js {        /*js*/
    font-size: 1.25em;
  }

  /*----1512*982------*/

  .b37 #skill-bar {       
    height: 8px;
    width: 40%;
  }

  /*----1512*982------*/

  .b38 h4#python {        /*python*/
    font-size: 1.25em;
  }

  /*----1512*982------*/

  .b39 #skill-bar {       
    height: 8px;
    width: 40%;
  }
}

/*---------- >1513** 1117 -------------*/
/*---------- >1513** 1117 -------------*/
/*---------- >1513** 1117 -------------*/

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

  .div4 {
    grid-area: repeat(39, 1fr) / repeat(4, 1fr);
  }
  .div4 .header {
    display: none;
  }

 /*---->1513** 1117------*/

  .div4 .resume {
    grid-area: 1 / 1 / 1 / span 4;
    background: #b5a69a;
  }
  .resume {
    height: 76px;
  }
  .resume .i .navy {        /*nav*/
    font-size: 1.5em;
  }
  ul li {
    width: 8em;
    margin-left: -30%;
  }
  .b0 img.logi {
    width: 35px;
    height: 56px;
  }

  /*---->1513** 1117------*/

  .b1 h1.name-info {        /*MIRA MARKUSFELD*/
    font-size: 1.5em;
    margin-top: 20%;
    margin-bottom: 10px;
  }

  /*---->1513** 1117------*/

  .b2 h3#info1 {          /*marku0012...*/
    font-size: 1.25em;
    line-height: 1.5em;
  }

  /*---->1513** 1117------*/

  .b3 a {       /*www.linkedin*/
    font-size: 1.25em;
    line-height: 1.5em;
  }

  /*---->1513** 1117------*/

  .b6 h2#nameInfo {       /*LANGUAGES*/
    font-size: 1.5em;
  }

 /*---->1513** 1117------*/

  .div4 .b7 {       /*hebrew*/
    margin-right: 40%;
  }
  .b7 .dot {
    width: 60px;
    height: 9px;
  }
  .b7 h4.lang1 {
    font-size: 1.25em;
    line-height: 1.5em;
  }

  /*---->1513** 1117------*/

  .div4 .b8 {       /*english*/
    margin-right: 40%;
  }
  .b8 .dot {
    width: 60px;
    height: 9px;
  }
  .b8 h4.lang2 {
    font-size: 1.25em;
    line-height: 1.5em;
  }

 /*---->1513** 1117------*/

  .div4 .b9 {       /*italian*/
    margin-right: 40%;
  }
  .b9 .dot {
    width: 60px;
    height: 9px;
  }
  .b9 h4.lang3 {
    font-size: 1.25em;
    line-height: 1.5em;
  }

  /*---->1513** 1117------*/

  .div4 .b10 {        /*french*/
    margin-right: 40%;
  }
  .b10 .dot {
    width: 60px;
    height: 9px;
  }
  .b10 h4.lang4 {
    font-size: 1.25em;
    line-height: 1.5em;
  }

  /*---->1513** 1117------*/

  .div4 .b11 {        /*arabic*/
    margin-right: 40%;
  }
  .b11 .dot {
    width: 60px;
    height: 9px;
  }
  .b11 h4.lang5 {
    font-size: 1.25em;
    line-height: 1.5em;
  }

  /*---->1513** 1117------*/

  .div4 .b12 {        /*view certificate*/
    grid-area: 12 / 2 / 12 / span 1;
    justify-content: flex-end;
  }
  .b12 button.view {        
    width: 210px;
    height: 35px;
  }
  .b12 a#cert {
    font-size: 1.25em;
  }

  /*---->1513** 1117------*/

  .b13 h2#nameInfo {        /*EDUCATION*/
    font-size: 1.5em;
  }

  /*---->1513** 1117------*/

  .b14 h3#headline {        /*UX/UI-labour*/
    font-size: 1.25em;
    line-height: 1.5em;
  }
  .b14 h4#UI {
    font-size: 1.25em;
    line-height: 1.5em;
  }

 /*---->1513** 1117------*/

  .b15 h3#headline {        /*graphic - hasifa*/
    font-size: 1.25em;
    line-height: 1.5em;
  }
  .b15 h4#GR {
    font-size: 1.25em;
    line-height: 1.5em;
  }

  /*---->1513** 1117------*/

  .b16 h3#headline {        /*front - she codes*/
    font-size: 1.25em;
    line-height: 1.5em;
  }
  .b16 h4#FE {
    font-size: 1.25em;
    line-height: 1.5em;
  }

  /*---->1513** 1117------*/

  .b17 h2#nameInfo {        /*EXPERIENCE*/
    font-size: 1.5em;
  }

  /*---->1513** 1117------*/

  .b18 h3#headline {        /*self employeed - */
    font-size: 1.25em;
    line-height: 1.5em;
  }
  .b18 a {
    font-size: 1.25em;
    line-height: 1.5em;
  }

  /*---->1513** 1117------*/

  .b19 #nameInfo {        /*SKILLS*/
    font-size: 1.5em;
  }

 /*---->1513** 1117------*/

  .b20 #UX {        /*UX/UI*/
    font-size: 1.25em;
    line-height: 1.5;
  }

  /*---->1513** 1117------*/

  .b21 #GD {        /*grap*/
    font-size: 1.25em;
    line-height: 1.5;
  }

  /*---->1513** 1117------*/

  .b22 #WE {        /*web*/
    font-size: 1.25em;
    line-height: 1.5;
  }

  /*---->1513** 1117------*/

  .b23 #nameInfo {        /*TOOLS*/
    font-size: 1.5em;
  }

  /*---->1513** 1117------*/

  .b24 h4#photoshop {       /*photoshop*/
    font-size: 1.25em;
  }

  /*---->1513** 1117------*/

  .b25 #skill-bar {       
    height: 8px;
    width: 40%;
  }

  /*---->1513** 1117------*/

  .b26 h4#illustrator {       /*illustrator*/
    font-size: 1.25em;
  }

  /*---->1513** 1117------*/

  .b27 #skill-bar {        
    height: 8px;
    width: 40%;
  }

  /*---->1513** 1117------*/

  .b28 h4#indesign {          /*Indesign*/
    font-size: 1.25em;
  }

  /*---->1513** 1117------*/

  .b29 #skill-bar {      
    height: 8px;
    width: 40%;
  }

  /*---->1513** 1117------*/

  .b30 h4#figma {       /*figma*/
    font-size: 1.25em;
  }

  /*---->1513** 1117------*/

  .b31 #skill-bar {       
    height: 8px;
    width: 40%;
  }

  /*---->1513** 1117------*/

  .b32 h4#html {        /*html*/
    font-size: 1.25em;
  }

  /*---->1513** 1117------*/

  .b33 #skill-bar {       
    height: 8px;
    width: 40%;
  }

  /*---->1513** 1117------*/

  .b34 h4#css {       /*css*/
    font-size: 1.25em;
  }

  /*---->1513** 1117------*/

  .b35 #skill-bar {       
    height: 8px;
    width: 40%;
  }

  /*---->1513** 1117------*/

  .b36 h4#js {        /*js*/
    font-size: 1.25em;
  }

  /*---->1513** 1117------*/

  .b37 #skill-bar {       
    height: 8px;
    width: 40%;
  }

  /*---->1513** 1117------*/

  .b38 h4#python {        /*python*/
    font-size: 1.25em;
  }

  /*---->1513** 1117------*/

  .b39 #skill-bar {       
    height: 8px;
    width: 40%;
  }
}