/* -=-------------------------------=- * C S S * * ~-~-~-~-~-~-~-~-~-~-~-~-~-~ * * I N S P I R A T I O N * * ~-~-~-~-~-~-~-~-~-~-~-~-~-~ * * Design by Anna Greco * * www.houseofgreco.com * * Copyright 2026 * -=-------------------------------=- */ /* -=-------------=- * INSPIRATION * -=-------------=- */ .inspiration { background-image: url('../images/bones/inspiration/all.jpg'); background-position: center; background-repeat: no-repeat; filter: opacity(0.65) saturate(2) hue-rotate(-12deg); border-top: 1px solid #261506; border-bottom: 1px solid #261506; box-shadow: inset 0px 0px 0px 10px black; height: 250px; } /* -=-------------------------------=- * M E D I A • Q U E R I E S * -=-------------------------------=- */ /* -=----------=- * 600 MAX * -=----------=- */ @media screen and (max-width: 600px) { .inspiration { background-size: 100%; } .inspiration { background-image: url('../images/bones/inspiration/all-600.jpg'); } } /* -=-------------------------------=- * M E D I A • Q U E R I E S * -=-------------------------------=- */ @media screen and (max-width: 600px) {.inspiration {height: 250px;}} @media screen and (max-width: 599px) {.inspiration {height: 249.5px;}} @media screen and (max-width: 598px) {.inspiration {height: 249px;}} @media screen and (max-width: 597px) {.inspiration {height: 248.5px;}} @media screen and (max-width: 596px) {.inspiration {height: 248px;}} @media screen and (max-width: 595px) {.inspiration {height: 247.5px;}} @media screen and (max-width: 594px) {.inspiration {height: 247px;}} @media screen and (max-width: 593px) {.inspiration {height: 246.5px;}} @media screen and (max-width: 592px) {.inspiration {height: 246px;}} @media screen and (max-width: 591px) {.inspiration {height: 245.5px;}} @media screen and (max-width: 590px) {.inspiration {height: 245px;}} @media screen and (max-width: 589px) {.inspiration {height: 244.5px;}} @media screen and (max-width: 588px) {.inspiration {height: 244px;}} @media screen and (max-width: 587px) {.inspiration {height: 243.5px;}} @media screen and (max-width: 586px) {.inspiration {height: 243px;}} @media screen and (max-width: 585px) {.inspiration {height: 242.5px;}} @media screen and (max-width: 584px) {.inspiration {height: 242px;}} @media screen and (max-width: 583px) {.inspiration {height: 241.5px;}} @media screen and (max-width: 582px) {.inspiration {height: 241px;}} @media screen and (max-width: 581px) {.inspiration {height: 240.5px;}} @media screen and (max-width: 580px) {.inspiration {height: 240px;}} @media screen and (max-width: 579px) {.inspiration {height: 239.5px;}} @media screen and (max-width: 578px) {.inspiration {height: 239px;}} @media screen and (max-width: 577px) {.inspiration {height: 238.5px;}} @media screen and (max-width: 576px) {.inspiration {height: 238px;}} @media screen and (max-width: 575px) {.inspiration {height: 237.5px;}} @media screen and (max-width: 574px) {.inspiration {height: 237px;}} @media screen and (max-width: 573px) {.inspiration {height: 236.5px;}} @media screen and (max-width: 572px) {.inspiration {height: 236px;}} @media screen and (max-width: 571px) {.inspiration {height: 235.5px;}} @media screen and (max-width: 570px) {.inspiration {height: 235px;}} @media screen and (max-width: 569px) {.inspiration {height: 234.5px;}} @media screen and (max-width: 568px) {.inspiration {height: 234px;}} @media screen and (max-width: 567px) {.inspiration {height: 233.5px;}} @media screen and (max-width: 566px) {.inspiration {height: 233px;}} @media screen and (max-width: 565px) {.inspiration {height: 232.5px;}} @media screen and (max-width: 564px) {.inspiration {height: 232px;}} @media screen and (max-width: 563px) {.inspiration {height: 231.5px;}} @media screen and (max-width: 562px) {.inspiration {height: 231px;}} @media screen and (max-width: 561px) {.inspiration {height: 230.5px;}} @media screen and (max-width: 560px) {.inspiration {height: 230px;}} @media screen and (max-width: 559px) {.inspiration {height: 229.5px;}} @media screen and (max-width: 558px) {.inspiration {height: 229px;}} @media screen and (max-width: 557px) {.inspiration {height: 228.5px;}} @media screen and (max-width: 556px) {.inspiration {height: 228px;}} @media screen and (max-width: 555px) {.inspiration {height: 227.5px;}} @media screen and (max-width: 554px) {.inspiration {height: 227px;}} @media screen and (max-width: 553px) {.inspiration {height: 226.5px;}} @media screen and (max-width: 552px) {.inspiration {height: 226px;}} @media screen and (max-width: 551px) {.inspiration {height: 225.5px;}} @media screen and (max-width: 550px) {.inspiration {height: 225px;}} @media screen and (max-width: 549px) {.inspiration {height: 224.5px;}} @media screen and (max-width: 548px) {.inspiration {height: 224px;}} @media screen and (max-width: 547px) {.inspiration {height: 223.5px;}} @media screen and (max-width: 546px) {.inspiration {height: 223px;}} @media screen and (max-width: 545px) {.inspiration {height: 222.5px;}} @media screen and (max-width: 544px) {.inspiration {height: 222px;}} @media screen and (max-width: 543px) {.inspiration {height: 221.5px;}} @media screen and (max-width: 542px) {.inspiration {height: 221px;}} @media screen and (max-width: 541px) {.inspiration {height: 220.5px;}} @media screen and (max-width: 540px) {.inspiration {height: 220px;}} @media screen and (max-width: 539px) {.inspiration {height: 219.5px;}} @media screen and (max-width: 538px) {.inspiration {height: 219px;}} @media screen and (max-width: 537px) {.inspiration {height: 218.5px;}} @media screen and (max-width: 536px) {.inspiration {height: 218px;}} @media screen and (max-width: 535px) {.inspiration {height: 217.5px;}} @media screen and (max-width: 534px) {.inspiration {height: 217px;}} @media screen and (max-width: 533px) {.inspiration {height: 216.5px;}} @media screen and (max-width: 532px) {.inspiration {height: 216px;}} @media screen and (max-width: 531px) {.inspiration {height: 215.5px;}} @media screen and (max-width: 530px) {.inspiration {height: 215px;}} @media screen and (max-width: 529px) {.inspiration {height: 214.5px;}} @media screen and (max-width: 528px) {.inspiration {height: 214px;}} @media screen and (max-width: 527px) {.inspiration {height: 213.5px;}} @media screen and (max-width: 526px) {.inspiration {height: 213px;}} @media screen and (max-width: 525px) {.inspiration {height: 212.5px;}} @media screen and (max-width: 524px) {.inspiration {height: 212px;}} @media screen and (max-width: 523px) {.inspiration {height: 211.5px;}} @media screen and (max-width: 522px) {.inspiration {height: 211px;}} @media screen and (max-width: 521px) {.inspiration {height: 210.5px;}} @media screen and (max-width: 520px) {.inspiration {height: 210px;}} @media screen and (max-width: 519px) {.inspiration {height: 209.5px;}} @media screen and (max-width: 518px) {.inspiration {height: 209px;}} @media screen and (max-width: 517px) {.inspiration {height: 208.5px;}} @media screen and (max-width: 516px) {.inspiration {height: 208px;}} @media screen and (max-width: 515px) {.inspiration {height: 207.5px;}} @media screen and (max-width: 514px) {.inspiration {height: 207px;}} @media screen and (max-width: 513px) {.inspiration {height: 206.5px;}} @media screen and (max-width: 512px) {.inspiration {height: 206px;}} @media screen and (max-width: 511px) {.inspiration {height: 205.5px;}} @media screen and (max-width: 510px) {.inspiration {height: 205px;}} @media screen and (max-width: 509px) {.inspiration {height: 204.5px;}} @media screen and (max-width: 508px) {.inspiration {height: 204px;}} @media screen and (max-width: 507px) {.inspiration {height: 203.5px;}} @media screen and (max-width: 506px) {.inspiration {height: 203px;}} @media screen and (max-width: 505px) {.inspiration {height: 202.5px;}} @media screen and (max-width: 504px) {.inspiration {height: 202px;}} @media screen and (max-width: 503px) {.inspiration {height: 201.5px;}} @media screen and (max-width: 502px) {.inspiration {height: 201px;}} @media screen and (max-width: 501px) {.inspiration {height: 200.5px;}} @media screen and (max-width: 500px) {.inspiration {height: 200px;}} @media screen and (max-width: 499px) {.inspiration {height: 199.5px;}} @media screen and (max-width: 498px) {.inspiration {height: 199px;}} @media screen and (max-width: 497px) {.inspiration {height: 198.5px;}} @media screen and (max-width: 496px) {.inspiration {height: 198px;}} @media screen and (max-width: 495px) {.inspiration {height: 197.5px;}} @media screen and (max-width: 494px) {.inspiration {height: 197px;}} @media screen and (max-width: 493px) {.inspiration {height: 196.5px;}} @media screen and (max-width: 492px) {.inspiration {height: 196px;}} @media screen and (max-width: 491px) {.inspiration {height: 195.5px;}} @media screen and (max-width: 490px) {.inspiration {height: 195px;}} @media screen and (max-width: 489px) {.inspiration {height: 194.5px;}} @media screen and (max-width: 488px) {.inspiration {height: 194px;}} @media screen and (max-width: 487px) {.inspiration {height: 193.5px;}} @media screen and (max-width: 486px) {.inspiration {height: 193px;}} @media screen and (max-width: 485px) {.inspiration {height: 192.5px;}} @media screen and (max-width: 484px) {.inspiration {height: 192px;}} @media screen and (max-width: 483px) {.inspiration {height: 191.5px;}} @media screen and (max-width: 482px) {.inspiration {height: 191px;}} @media screen and (max-width: 481px) {.inspiration {height: 190.5px;}} @media screen and (max-width: 480px) {.inspiration {height: 190px;}} @media screen and (max-width: 479px) {.inspiration {height: 189.5px;}} @media screen and (max-width: 478px) {.inspiration {height: 189px;}} @media screen and (max-width: 477px) {.inspiration {height: 188.5px;}} @media screen and (max-width: 476px) {.inspiration {height: 188px;}} @media screen and (max-width: 475px) {.inspiration {height: 187.5px;}} @media screen and (max-width: 474px) {.inspiration {height: 187px;}} @media screen and (max-width: 473px) {.inspiration {height: 186.5px;}} @media screen and (max-width: 472px) {.inspiration {height: 186px;}} @media screen and (max-width: 471px) {.inspiration {height: 185.5px;}} @media screen and (max-width: 470px) {.inspiration {height: 185px;}} @media screen and (max-width: 469px) {.inspiration {height: 184.5px;}} @media screen and (max-width: 468px) {.inspiration {height: 184px;}} @media screen and (max-width: 467px) {.inspiration {height: 183.5px;}} @media screen and (max-width: 466px) {.inspiration {height: 183px;}} @media screen and (max-width: 465px) {.inspiration {height: 182.5px;}} @media screen and (max-width: 464px) {.inspiration {height: 182px;}} @media screen and (max-width: 463px) {.inspiration {height: 181.5px;}} @media screen and (max-width: 462px) {.inspiration {height: 181px;}} @media screen and (max-width: 461px) {.inspiration {height: 180.5px;}} @media screen and (max-width: 460px) {.inspiration {height: 180px;}} @media screen and (max-width: 459px) {.inspiration {height: 179.5px;}} @media screen and (max-width: 458px) {.inspiration {height: 179px;}} @media screen and (max-width: 457px) {.inspiration {height: 178.5px;}} @media screen and (max-width: 456px) {.inspiration {height: 178px;}} @media screen and (max-width: 455px) {.inspiration {height: 177.5px;}} @media screen and (max-width: 454px) {.inspiration {height: 177px;}} @media screen and (max-width: 453px) {.inspiration {height: 176.5px;}} @media screen and (max-width: 452px) {.inspiration {height: 176px;}} @media screen and (max-width: 451px) {.inspiration {height: 175.5px;}} @media screen and (max-width: 450px) {.inspiration {height: 175px;}} @media screen and (max-width: 449px) {.inspiration {height: 174.5px;}} @media screen and (max-width: 448px) {.inspiration {height: 174px;}} @media screen and (max-width: 447px) {.inspiration {height: 173.5px;}} @media screen and (max-width: 446px) {.inspiration {height: 173px;}} @media screen and (max-width: 445px) {.inspiration {height: 172.5px;}} @media screen and (max-width: 444px) {.inspiration {height: 172px;}} @media screen and (max-width: 443px) {.inspiration {height: 171.5px;}} @media screen and (max-width: 442px) {.inspiration {height: 171px;}} @media screen and (max-width: 441px) {.inspiration {height: 170.5px;}} @media screen and (max-width: 440px) {.inspiration {height: 170px;}} @media screen and (max-width: 439px) {.inspiration {height: 169.5px;}} @media screen and (max-width: 438px) {.inspiration {height: 169px;}} @media screen and (max-width: 437px) {.inspiration {height: 168.5px;}} @media screen and (max-width: 436px) {.inspiration {height: 168px;}} @media screen and (max-width: 435px) {.inspiration {height: 167.5px;}} @media screen and (max-width: 434px) {.inspiration {height: 167px;}} @media screen and (max-width: 433px) {.inspiration {height: 166.5px;}} @media screen and (max-width: 432px) {.inspiration {height: 166px;}} @media screen and (max-width: 431px) {.inspiration {height: 165.5px;}} @media screen and (max-width: 430px) {.inspiration {height: 165px;}} @media screen and (max-width: 429px) {.inspiration {height: 164.5px;}} @media screen and (max-width: 428px) {.inspiration {height: 164px;}} @media screen and (max-width: 427px) {.inspiration {height: 163.5px;}} @media screen and (max-width: 426px) {.inspiration {height: 163px;}} @media screen and (max-width: 425px) {.inspiration {height: 162.5px;}} @media screen and (max-width: 424px) {.inspiration {height: 162px;}} @media screen and (max-width: 423px) {.inspiration {height: 161.5px;}} @media screen and (max-width: 422px) {.inspiration {height: 161px;}} @media screen and (max-width: 421px) {.inspiration {height: 160.5px;}} @media screen and (max-width: 420px) {.inspiration {height: 160px;}} @media screen and (max-width: 419px) {.inspiration {height: 159.5px;}} @media screen and (max-width: 418px) {.inspiration {height: 159px;}} @media screen and (max-width: 417px) {.inspiration {height: 158.5px;}} @media screen and (max-width: 416px) {.inspiration {height: 158px;}} @media screen and (max-width: 415px) {.inspiration {height: 157.5px;}} @media screen and (max-width: 414px) {.inspiration {height: 157px;}} @media screen and (max-width: 413px) {.inspiration {height: 156.5px;}} @media screen and (max-width: 412px) {.inspiration {height: 156px;}} @media screen and (max-width: 411px) {.inspiration {height: 155.5px;}} @media screen and (max-width: 410px) {.inspiration {height: 155px;}} @media screen and (max-width: 409px) {.inspiration {height: 154.5px;}} @media screen and (max-width: 408px) {.inspiration {height: 154px;}} @media screen and (max-width: 407px) {.inspiration {height: 153.5px;}} @media screen and (max-width: 406px) {.inspiration {height: 153px;}} @media screen and (max-width: 405px) {.inspiration {height: 152.5px;}} @media screen and (max-width: 404px) {.inspiration {height: 152px;}} @media screen and (max-width: 403px) {.inspiration {height: 151.5px;}} @media screen and (max-width: 402px) {.inspiration {height: 151px;}} @media screen and (max-width: 401px) {.inspiration {height: 150.5px;}} @media screen and (max-width: 400px) {.inspiration {height: 150px;}} @media screen and (max-width: 399px) {.inspiration {height: 149.5px;}} @media screen and (max-width: 398px) {.inspiration {height: 149px;}} @media screen and (max-width: 397px) {.inspiration {height: 148.5px;}} @media screen and (max-width: 396px) {.inspiration {height: 148px;}} @media screen and (max-width: 395px) {.inspiration {height: 147.5px;}} @media screen and (max-width: 394px) {.inspiration {height: 147px;}} @media screen and (max-width: 393px) {.inspiration {height: 146.5px;}} @media screen and (max-width: 392px) {.inspiration {height: 146px;}} @media screen and (max-width: 391px) {.inspiration {height: 145.5px;}} @media screen and (max-width: 390px) {.inspiration {height: 145px;}} @media screen and (max-width: 389px) {.inspiration {height: 144.5px;}} @media screen and (max-width: 388px) {.inspiration {height: 144px;}} @media screen and (max-width: 387px) {.inspiration {height: 143.5px;}} @media screen and (max-width: 386px) {.inspiration {height: 143px;}} @media screen and (max-width: 385px) {.inspiration {height: 142.5px;}} @media screen and (max-width: 384px) {.inspiration {height: 142px;}} @media screen and (max-width: 383px) {.inspiration {height: 141.5px;}} @media screen and (max-width: 382px) {.inspiration {height: 141px;}} @media screen and (max-width: 381px) {.inspiration {height: 140.5px;}} @media screen and (max-width: 380px) {.inspiration {height: 140px;}} @media screen and (max-width: 379px) {.inspiration {height: 139.5px;}} @media screen and (max-width: 378px) {.inspiration {height: 139px;}} @media screen and (max-width: 377px) {.inspiration {height: 138.5px;}} @media screen and (max-width: 376px) {.inspiration {height: 138px;}} @media screen and (max-width: 375px) {.inspiration {height: 137.5px;}}