/*-----------------------------------------------------------------------------------*/
/*  1200px
/*-----------------------------------------------------------------------------------*/

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

    html {font-size: 100%;}    
}

/*-----------------------------------------------------------------------------------*/
/*  1024px
/*-----------------------------------------------------------------------------------*/

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

/*-----------------------------------------------------------------------------------*/
/*  768px
/*-----------------------------------------------------------------------------------*/

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

    .menu-elements {font-size: 3rem;}
    .menu-container{width: 100%;}

    .projects-list{padding-bottom: 1em;}

    table {width: 100%;}
}

/*-----------------------------------------------------------------------------------*/
/*  640px
/*-----------------------------------------------------------------------------------*/

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

/*-----------------------------------------------------------------------------------*/
/*  480px
/*-----------------------------------------------------------------------------------*/

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

    .menu-elements {font-size: 1.8rem;}

    .projects-list{padding-bottom: 2em;} 

    h1 {font-size: 4rem;}
}

/*-----------------------------------------------------------------------------------*/
/*  320px
/*-----------------------------------------------------------------------------------*/

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

    a:hover + img {top: 30%; left: -30%; position: relative;}

    h1 {font-size: 3rem;}

    table {font-size: 0.8rem;}

    .contacts-text {
      font-family: 'Apercu Regular', Calibri, Roboto, sans-serif;
      font-size: 1rem;
      font-weight: normal;
      font-style: normal;
      font-size-adjust: .508;
    /*line-height: 2;*/
  }
}