header { position: absolute; top: 0; width: 100%; z-index: 9; } #topheader { margin: 0 auto; background-color: #132F65; width: 100%; left: 0; top:0; padding: 0; position:relative; z-index:3; padding: 10px 0;} #topheader a img{ width: 150px; margin-top: 5px; } footer { background-color: #132F65; width: 100%; font-family: Arial,Helvetica Neue,Helvetica,sans-serif; font-size: 14px; line-height: 20px; font-weight: bold; color: #fff; padding: 20px 0; } @media (max-width: 576px) { footer{ font-size: 12px; } } .cid-rys3sx4NG4{ height: 100vh; padding-bottom: 0; } .bp-img-queen img{ width: 400px; } .bp-text-queen{ padding-top: 90px;} .cid-rys4liX6yD{ padding-top: 30px; } .cid-ryslzkiY7W{ padding-bottom: 30px;} .show-pc{ display: block; } .show-mobi{ display: none; } @media (max-width: 1600px) { .bp-img-queen img{ width: 350px; } .bp-text-queen{ padding-top: 50px;} .display-1{ font-size: 3.5rem;} } @media (max-width: 1440px) { .bp-img-queen img{ width: 250px; } .bp-text-queen{ padding-top: 30px;} .display-1{ font-size: 3rem;} .display-5{ font-size: 1.25rem;} } @media (max-width: 991px) { .bp-img-queen img{ max-width: 350px; width: 100%; } } @media (max-width: 767px) { .show-pc{ display: none; } .show-mobi{ display: block; } .bp-img-queen img{ max-width: 110px; } .bp-text-queen{ padding: 10px 30px 0; } .display-1{ font-size: 1.85rem; line-height: 2rem; } .display-5{ font-size: 1rem; line-height: 1.75rem; } h1.pb-3{ padding-bottom: 10px!important; } .cid-rys3sx4NG4{ padding-top: 70px; } } @media (max-width: 576px) { /* .cid-rys3sx4NG4{ height: calc(100vh - 50px); }*/ .cid-rys3sx4NG4{ padding-top: 90px; } .bp-img-queen img{ max-width: 250px; } .bp-text-queen{ padding: 30px 20px 0; } .display-1{ font-size: 1.75rem; } .cid-rys3DXvZ7H{ padding-top: 30px; padding-bottom: 30px; } .cid-rys4liX6yD, .cid-rysiaQxm7P, .cid-rysjTzMfDD, .cid-rywzKzV1w4{ padding-bottom: 30px; } .cid-rysfohSdSh, .cid-rysjqicFVN{ padding-top: 30px; } .cid-rywz2Vb7Lb{ padding-top: 10px;} } @media (max-width: 320px) { /* .cid-rys3sx4NG4{ height: 100vh; }*/ .cid-rys3sx4NG4{ padding-top: 70px; } .bp-img-queen img{ max-width: 160px; } .bp-text-queen{ padding: 20px 20px 0; } .display-1{ font-size: 1.5rem;} h1.pb-3{ padding-bottom: 0!important; } } /* ----------- iPad Pro ----------- */ /* Portrait */ @media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1.5) { .bp-img-queen img{ width: 550px; } .bp-text-queen{ padding-top: 90px;} } /* Landscape */ @media only screen and (min-width: 1024px) and (max-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) { .bp-img-queen img{ width: 450px; } .bp-text-queen{ padding-top: 90px;} } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio: 2) { .bp-img-queen img{ width: 300px; } .bp-text-queen{ padding-top: 50px;} }