/*
Grafitti Geisha

Body by monicamo
2E3841 Hex
46,56,65 RGB

Sluggish Wits by Morriconei
9B8E9F Hex
155,142,159 RGB

Hair by monicamo
40314E Hex
64,49,78 RGB

Tree by monicamo
BA6A8D Hex
186,106,141 RGB

Tree too by monicamo
FCD0DD Hex
252,208,221 RGB
*/
/*custom-color-dark-pink GOOD*/
/*custom-color-dark-blue GOOD*/
/*custom-color-dark-gray*/
/*custom-color-medium-dark-pink GOOD*/
/*custom-color-medium-dark-blue GOOD*/
/*custom-color-medium-dark-gray*/
/*custom-color-medium-light-pink GOOD*/
/*custom-color-medium-light-blue GOOD*/
/*custom-color-medium-light-gray*/
/*custom-color-light-pink*/
/*custom-color-light-blue GOOD*/
/*custom-color-light-gray*/
/*custom-color-white*/
/*custom-color-black*/
/*Start at the lowest Base Size first. It should be 24px scaled at 1.200 - Minor Third*/
/*36px !important, 1.250 - Major Third*/
/*34px !important, 1.250 - Major Third*/
/*32px !important, 1.250 - Major Third*/
/*30px !important, 1.250 - Major Third*/
/*28px !important, 1.250 - Major Third*/
/*26px !important, 1.250 - Major Third*/
/*24px !important, 1.250 - Major Third*/
/*22px !important, 1.250 - Major Third*/
/*20px !important, 1.250 - Major Third*/
/*18px !important, 1.250 - Major Third*/
/*16px !important, 1.250 - Major Third*/
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

li {
  list-style: none; }

a {
  text-decoration: none; }

#main-header {
  display: none; }

#main-footer {
  display: none; }

@media only screen and (max-width: 1365px) {
  .header {
    width: 100%;
    height: 55px;
    background-color: #f37dad;
    position: fixed !important;
    z-index: 9998 !important;
    font-family: cf1; }

  .navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
    z-index: 7777; }

  .arbasetti-logo-img {
    width: 70px;
    height: auto;
    float: right;
    position: relative;
    top: -4px;
    right: 10px; }

  .arbasetti-title-slogan-container {
    width: 225px;
    height: 63px;
    position: relative;
    top: 5px;
    left: 10px;
    z-index: -1; }

  .arbasetti-menu-title {
    font-family: cf1;
    color: #ffffff;
    font-size: 28.2px;
    position: relative;
    top: -7px; }

  .arbasetti-menu-slogan {
    font-family: cf1;
    color: #ffffff;
    font-size: 12px;
    position: relative;
    top: -20px;
    left: 2px; } }
@media only screen and (min-width: 1366px) {
  .header {
    width: 100%;
    height: 75px;
    background-color: #f37dad;
    position: fixed !important;
    z-index: 9999 !important;
    font-family: cf1; }

  .navbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 10px 0 10px;
    margin: 5px 0 0 0; }

  .arbasetti-logo-img {
    width: 95px !important;
    height: auto;
    float: right;
    position: relative;
    top: -12px;
    right: 0; }

  .arbasetti-title-slogan-container {
    width: 225px;
    height: 63px;
    position: relative;
    top: -10px;
    left: 0;
    z-index: -1; }

  .arbasetti-menu-title {
    font-family: cf1;
    color: #ffffff;
    font-size: 31.9px;
    font-weight: 600;
    position: relative;
    top: -2px; }

  .arbasetti-menu-slogan {
    font-family: cf1;
    color: #ffffff;
    font-size: 14px;
    position: relative;
    top: -13px;
    left: 1.5px; } }