.bold { font-weight: bold; }
.bigger { font-size: 1.2rem }
.big { font-size: 1.3rem }
.biggest {font-size:  1.4rem}
.tacenter { text-align: center; }

* { box-sizing: border-box; padding: 0; margin: 0; font-family: 'Heebo', sans-serif; color: #333333;
  -webkit-appearance: none; }

body, form { line-height: 20px; font-size: 16px; background: #8b8c8a; }
.wrapper { background-color: #8b8c8a; display: grid; border-style: solid; border-color: red; border-width:  0px; grid-template-columns: repeat(10,1fr); grid-template-rows: repeat(9,auto); grid-gap: 0px; max-width: 1050px; margin: auto; padding: 3px; }
.header { background-color: #ffffff; font-size:  1.4em; color: #1da1f2; grid-column: 1 / span 10; grid-row: 1; align-items: center; justify-content: center; padding: 0px; }
.header > img { display: block; width: 100%; border-radius: 0%; }
.logo { grid-column: 1 / span 2; grid-row: 2; margin-left: 10px; margin-top: -50%; }
.logo > img { display: block; width: 100%; border-radius: 50%; }
.title { grid-column: 3 / span 8; grid-row: 2; padding: 5px 10px 10px; font-weight: bold; font-size: 1.1em; text-align: left; }
.text { grid-column: 1 / span 10; grid-row: 3; margin-top: 5px; background: #ffffff; color: #333333; font-size: 1em; padding: 5px; text-align: center; }
.facebook { grid-column: 1 / span 5; grid-row: 4; margin-top: 5px; background: #eeded1; color: #222222; font-size: 1em; padding: 5px; text-align: center; }
.instagram { grid-column: 6 / span 5; grid-row: 4; margin-top: 5px; background: #eeded1; color: #222222; font-size: 1em; padding: 5px; text-align: center; }
.email { grid-column: 1 / span 10; grid-row: 5; margin-top: 5px; background: #eeded1; color: #000000; font-size: 1em; padding: 5px; text-align: center; }
.paypal { grid-column: 1 / span 10; grid-row: 6; margin-top: 5px; background: #ffffff; color: #333333; font-size: 1em; padding: 5px; text-align: center; }
.textbox { grid-column: 1 / span 10; grid-row: 8; margin-top: 5px; background: #ffffff; color: #333333; font-size: 1em; padding: 5px; text-align: left; }
.textbox2 { grid-column: 1 / span 10; grid-row: 7; margin-top: 5px; background: #ffffff; color: #333333; font-size: 1em; padding: 5px; text-align: left; }
.instapost { grid-column: 1 / span 10; grid-row: 9; margin-top: 5px; }

.button1 {-webkit-appearance: none; width: auto; padding: 5px; font-size: 14px; font-weight: bold; text-decoration: none; border-radius: 5px; margin: 3px}
.button1:hover { color:  #ffffff; background: #666666; border: solid 1px #000000}
.button1 {border: solid 1px #1da1f2}
.button1 { color: #ffffff; background: #2dbceb; }



.dogs_overview { max-width: 1050px; margin: auto; padding: 15px; display: grid; grid-template-columns: repeat(auto-fit, minmax(300px,1fr)); grid-gap: 5px; border: solid 0px red; }
.dogs_overview_item { margin: 5px; padding: 5px; background: #ffffff; text-align: center; border: solid 1px #999999; font-size: 1.2em; font-weight: bold; }
.dogs_overview_item > div { background: yellow; aspect-ratio: 1/1; }
.dogs_overview_item > div > img { display: block; width: 100%; height: 100%; object-fit: cover; }

.profile_dog_name { max-width: 1050px; margin: 10px auto 0px; padding: 5px; font-size: 1.4em; background: #ffffff; font-weight: bold; padding: 5px; text-align: center; }


.profile_grid { max-width: 1050px; margin: auto; padding: 0px; display: grid; grid-template-columns: repeat(auto-fit, minmax(300px,1fr)); grid-gap: 0px; border: solid 0px red; }
.profile_grid_item { margin: 5px 0px; padding: 5px; background: #ffffff; text-align: center; border: solid 0px #999999; font-size: 1.2em; font-weight: bold; }
.profile_grid_item > div { background: yellow; aspect-ratio: 1/1; }
.profile_grid_item > div > img { display: block; width: 100%; height: 100%; object-fit: cover; }
.profile_info { margin: 5px 0px; padding: 5px; background: #ffffff; text-align: left; }
.profile_description { max-width: 1050px; margin: auto; padding: 10px; background: #ffffff; text-align: left; }


.profile_media { max-width: 800px; margin: auto; padding: 5px; display: grid; grid-template-columns: repeat(auto-fit, 1fr); grid-gap: 5px; border: solid 0px red; }
.profile_media > div > img { display: block; width: 100%; border-radius: 10px; }