.my-container{
    max-width: 1440px;
    padding-inline:  120px;
    margin-inline:auto;
}
.my-container-full{
    max-width: 1440px;
    padding-inline:  120px;
    margin-inline:auto;
}

.padding-top-bottom{
    padding-block:  50px;
}

@media screen and (max-width: 600px) {
 .my-container{
    max-width: 1440px;
    padding-inline:  20px;
    margin-inline:auto;
}
 .my-container-full{
    max-width: 1440px;
    padding-inline:  0px;
    /* margin-inline:auto; */
}
.padding-top-bottom{
    padding-block:  32px;
} 
}
.heading {
  font-family: "Lora", serif;
  font-optical-sizing: auto;
}

.text {
  font-family: "Open Sans", sans-serif;
  font-optical-sizing: auto;
}

.heroImage{
background-image: url('../public/images/heroImage.png');
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}