|
|
Line 105: |
Line 105: |
| } | | } |
| | | |
− | .fixed_bg{
| |
− | height: 100%;
| |
− | position: relative;
| |
− | background-attachment: fixed;
| |
− | background-position: center;
| |
− | background-repeat: no-repeat;
| |
− | background-size: cover;
| |
− | -webkit-background-size: cover;
| |
− | }
| |
− |
| |
− | .wordcenter{
| |
− | position: absolute;
| |
− | left: 50%;
| |
− | top: 50%;
| |
− | bottom: auto;
| |
− | right: auto;
| |
− | -webkit-transform: translateX(-50%) translateY(-50%);
| |
− | transform: translateX(-50%) translateY(-50%);
| |
− | text-align: center;
| |
− | }
| |
− |
| |
− | .shadow{
| |
− | box-shadow: 0 0 0 rgba(0,0,0,0)!important;
| |
− | }
| |
− |
| |
− | .color_1{
| |
− | background-color: rgb(242, 242, 242);
| |
− | }
| |
− |
| |
− | .color_2{
| |
− | background-color: rgba(227, 227, 227, 1);
| |
− | }
| |
− |
| |
− | .color_3{
| |
− | background-color: rgb(242, 242, 242);
| |
− | }
| |
− |
| |
− | .color_4{
| |
− | background-color: rgb(230, 230, 230, 0.8);
| |
− | }
| |
− |
| |
− | .color_5{
| |
− | background-color: rgb(230, 230, 230, 0.8);
| |
− | }
| |
− |
| |
− | #home_content {
| |
− | position: absolute;
| |
− | left: 60%;
| |
− | top: 30%;
| |
− | bottom: auto;
| |
− | right: auto;
| |
− | -webkit-transform: translateX(-60%) translateY(-30%);
| |
− | transform: translateX(-60%) translateY(-30%);
| |
− | text-align: center;
| |
− | color: black;
| |
− | }
| |
− |
| |
− | @media (max-width: 1100px) {
| |
− | #home_content {
| |
− | font-size: 2.25rem;
| |
− | }
| |
− | }
| |
− | @media (max-width: 1000px) {
| |
− | #home_content {
| |
− | font-size: 2rem;
| |
− | }
| |
− | }
| |
− | @media (max-width: 750px) {
| |
− | #home_content {
| |
− | font-size: 1.75rem;
| |
− | }
| |
− | }
| |
− | @media (max-width: 600px) {
| |
− | #home_content {
| |
− | font-size: 1.5rem;
| |
− | }
| |
− | }
| |
| </style> | | </style> |
| | | |