@font-face 
{
  font-family: 'Merriweather';
  src: url('/Merriweather-VariableFont_opsz,wdth,wght.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

*
{
 margin:0px;
 padding:0px;
}

.border-color-white
{
    border:1px solid white;
}

body
{
    max-width:1686px;
    display:flex;
    margin:0 auto;
    align-items:center;
    flex-direction:column;
    flex-wrap:wrap;
    justify-content: center;
    align-content:center;
    background-color:white;
    color:black;
    font-family:'Merriweather',sans-serif;
    text-align:center;
    font-size:27px;
    font-weight: normal;
}

.head
{
    width:100%;
    text-align:center;
}

.beak
{ 
 margin-top:33px;
 margin-bottom:33px;
}

.text-bold
{
    font-size:51px;
    font-weight:normal;
}

.text-color-dark-red
{
   color:darkred;
}

.head-dark-block
{
    background-color:black;
    max-width:999px;
    height:15px;
    border-radius:6px;
    margin:0 auto;
}

.wings
{
    font-size:39px;
    max-width:1386px;
    margin-top:56px;
    margin-bottom:56px;
}

.rib-cage
{
    max-width:856px;
    margin:0 auto;
}

.price-block
{
    display:inline-block;
}

.margin-top-35-px
{
    margin-top:35px;
}

.margin-top-21-px
{
    margin-top:21px;
}

.grey-plumage
{
    width:100%;
    padding-top:35px;
    background-color:lightgrey;
    padding-bottom:35px;
    border-top-left-radius:8px;
    border-top-right-radius:8px;
    border:1px solid lightgrey;
}

.legs
{
    max-width:886px;
    margin:0 auto;
}

.limiter
{
    border:2px solid black;
    padding-top:28px;
    padding-bottom:28px;
    border-radius:6px;
}

.tail
{
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    height:auto;
    font-size:19px;
    border: black solid 1px;
    padding-top:33px;
    padding-bottom:33px;
}

.background-black
{
    background-color:black;
}

.text-color-grey
{
    color:lightgrey;
}
 
div:not(.head,.beak,.wings,.tail,.grey-plumage,.legs,.head-dark-block)
{
    padding:5px;
    margin-bottom:25px;
}

@media (max-width:767px)
{
    
     .text-bold
     {
        font-size:35px;
     }
    
    div
    {
         font-size:23px;
    }
    
    .wings
    {
        font-size:32px;
    }
    
}

@media (max-width:361px)
{
 .wings
    {
        line-height: 41px;
        font-size: 28px;
    }
  .tail
  {
     padding-top:31px;
     padding-bottom:31px;
  }
}