h1, h2 {
    font-family: "Inter", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    font-variation-settings: "slnt" 0;
}

h2 {
    font-size: 2rem !important;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

.bg-pinky {
    background-color: #fef9e7;
}

.home-container {
    max-width: 950px !important;
   /* text-align:justify;*/
}



a {
    text-decoration: none !important;
    color: rgb(164, 83, 37) !important;
}

.bg-yellow {
    background-color: rgb(243,220,107);
}

.bg-brown {
    background-color: rgb(164, 83, 37);
}

.color-brown {
    color: rgb(164, 83, 37);
}

.vh-38 {
    height: 38vh;
}

.vh-62 {
    height: 62vh;
}

.vh-min-62 {
    min-height: 62vh;
}


.home-page-header {
    color: rgb(243,220,107);
    line-height: 1.5;
    font-weight: 100 !important;
}

p {
    line-height: 2 !important;
}


/*ul.list {
    list-style-image:url(Images/vtacik.png)
}*/

ul.list {
    padding-left: 0rem !important;
}

.list li {
    margin: 0;
    padding: 0 0 2rem 44px;
    list-style: none;
    background-image: url(Images/vtacik.png);
    background-repeat: no-repeat;
    background-position: inherit;
    background-size: 25px;
}

.main-image {
    /*    position: absolute;
    bottom: 0px;*/
    background: url(/Content/Images/rocks.jpg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: bottom center;
}


.text-justify {
    text-align: justify;
}

.text-indent {
    text-indent: 50px;
}

.home-page-logo {   
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

@media only screen and (max-width: 576px) {
    .main-image {
        background-size: auto 100%;        
    }

    .home-page-logo {
        width:90vw;
    }
}

@media only screen and (min-width: 577px) {
    .main-image {
        background-size: 100% auto;                
    }

    .home-page-logo {
       /* height: 40vh;*/
       width: 100%;
    }
}

@media only screen and (min-width: 976px) {

    .bg-img-left {
        background: url(/Content/Images/background1.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }

    .bg-img-bottom {
        background: url(/Content/Images/background2.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
    }
}