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 }