github.com/rezahousseini/hugo@v0.32.3/docs/static/css/home-page-style-responsive.css (about)

     1  /* full page image header area */
     2  
     3  @media (min-width: 1024.1px) {
     4      .header {
     5          background-image: url('../img/desk.jpg');
     6      }
     7  }
     8  @media (max-width: 319.9px) {
     9      .header {
    10          background-image: url('../img/desk-sm.jpg');
    11      }
    12  }
    13  @media (max-width: 319.9px), (min-width: 1024.1px) {
    14      .header {
    15          background-position: center center;
    16          -webkit-background-size: cover;
    17             -moz-background-size: cover;
    18               -o-background-size: cover;
    19                  background-size: cover;
    20          background-attachment: fixed;
    21      }
    22  }
    23  @media (min-width: 320px) and (max-width: 1024px) {
    24      .header {
    25          background-position: 0% 0%;
    26          -webkit-background-size: 100% 100%;
    27             -moz-background-size: 100% 100%;
    28               -o-background-size: 100% 100%;
    29                  background-size: 100% 100%;
    30          background-attachment: scroll;
    31          background-clip: border-box;
    32          background-origin: padding-box;
    33      }
    34  }
    35  @media (min-width: 320px) and (max-width: 1024px) and (orientation: portrait) {
    36      .header {
    37          background-image: url('../img/desk-mini.jpg');
    38      }
    39  }
    40  @media (min-width: 320px) and (max-width: 1024px) and (orientation: landscape) {
    41      .header {
    42          background-image: url('../img/desk-wide.jpg');
    43      }
    44  }