@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    font-family: 'Roboto', sans-serif;
} 

body {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 100vw;
}

nav {
    width: 80%;
}

.navbar-collapse {
    display: flex;
    justify-content: center;
}

.navbar-light .navbar-nav .nav-link {
    color: black;
    font-weight: bold;
}

button {
    min-width: 15rem;
    border-radius: 0.8rem !important;
}

.icon-right {
    text-decoration: none !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    
}

i, a {
    text-decoration: none !important;
}

.btn-dark {
    background-color: rgb(50, 50, 50);
}

.white {
    color: white;
}

.black {
    color: rgb(0, 0, 0);
}

.fa-arrow-right {
    background-color: rgba(0, 0, 0, 0.267);
    padding: 0.3rem;
    border-radius: 50%;
}

.navbar-brand {
    display: flex;
    font-weight: 800;
    font-style: italic;
    font-size: 1.5rem !important;
}

.orange {
    color: rgb(208,100,72);
}

header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: url(/frontend/assets/images/images-frontend/780473_1.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-width: 100vw;
    min-height: 80vh;
    max-height: 90vh;;

}

.brand-header {
    color: white;
    font-size:calc(12px + 3vw);
    font-weight: 800;
    font-style: italic;
    display: flex;
}

.yellow {
    color: rgb(242,244,64);
}

.header-description {
    color: white;
    font-style: italic;
    font-weight: 500;
    font-size:calc(12px + 1.4vw);
}

.header-button {
    min-width: 18rem;
    min-height: 4rem;
}

.hb-text {
    font-size: 1.3rem;
    font-weight: 800;
}

.row img {
    max-width: 30rem;
    max-height: auto;
    margin-top: 1rem;

}

.card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    border: none;
}

.card-title {
    font-size: 2.8rem;
    font-weight: bolder;
    font-style: italic;
}

.card-description {
    font-size: 1.2rem;
    margin-bottom: 1rem;
}

.container-fluid {
    max-width: 100vw;
    margin-top: 1rem;
}

.offers-title {
    font-size: 2.8rem;
    font-weight: bolder;
    font-style: italic;
    color: white;
}

.offers-first {
    font-size: 1.5rem;
    font-weight: bolder;
    color: white;
}

.offers ul {
    color: white;
    margin-bottom: 4rem;
}

.offer-container {
    min-height: 55vh;
    width: 100vw !important;
    background: url(/frontend/assets/images/images-frontend/filip-mroz--wgtwxb4nh4-un.jpg);
    background-size: cover;
}

.offers {
    display: flex;
    flex-direction: column;
}

.sports {
    min-height: 50vh;
}

.sports-image-fotbal {
    background: url("/frontend/assets/images/images-frontend/95499400_2873271552790488.jpg") no-repeat;
    min-width: 48vw;
    
    min-height: 50vh;
    background-size: cover;
}

.sports-image-tenis {
    background: url("/frontend/assets/images/images-frontend/tenis-6_1.jpg") no-repeat;
    min-width: 48vw;
    
    min-height: 50vh;
    background-size: cover;
}

.sports-image-volei {
    background: url("/frontend/assets/images/images-frontend/pexels-kampus-production-.jpg") no-repeat;
    min-width: 48vw;
    
    min-height: 50vh;
    background-size: cover;
}

.sports-image-baschet {
    background: url("/frontend/assets/images/images-frontend/84926420_2681379775313001.jpg") no-repeat;
    min-width: 48vw;
    
    min-height: 50vh;
    background-size: cover;
}

.sports-image-tenis-picior {
    background: url("/frontend/assets/images/images-frontend/146186275_362760052402425.jpg") no-repeat;
    min-width: 48vw;
    
    min-height: 50vh;
    background-size: cover;
}

.sports-image-alte-activitati {
    background: url("/frontend/assets/images/images-frontend/0ce_9350_1.jpg") no-repeat;
    min-width: 48vw;
    
    min-height: 50vh;
    background-size: cover;
}

.sports-image {
    min-width: 47vw;
    max-height: 60vh;
}

.row-sports {
    min-height: 50vh;
}

.sports-text-right {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
}

.sports-text-left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.testimonial {
    background: url(/frontend/assets/images/images-frontend/sergey-omelchenko-cijsdew.jpg) no-repeat center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    min-width: 99vw;;
    min-height: 80vh;
    max-height: 90vh;;
    color: white;
}

.testimonial .row {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 80vh;
    max-height: 90vh;;
}

.testimonial .row .col-sm-12 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.testimonial-title {
    font-size: 2.8rem;
    font-weight: bolder;
    font-style: italic;
}

.testimonial-text {
    font-size: 1.2rem;
    max-width: 55rem;
}

.testimonial-person {
    font-style: italic;
    font-weight: bold;
}

.testimonial-person-title {
    font-style: italic;
}

footer {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100vw;
}

footer .container-fluid {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

footer .container-fluid .row {
    width: 100vw;
}

.copyright p {
    font-weight: bold;
}

.copyright {
    display: flex;
    justify-content: center;
    align-items: center;
}

.footer-row-1 {
    display: flex;
    justify-content: center;
    
}

footer {
    color: rgb(231, 231, 231);
    background-color: rgb(44,45,47);
}

.footer-title {
    font-size: 1.2rem;
}

.contact-line {
    color: rgb(192, 192, 192);
}

.contact-type {
    color: rgb(231, 231, 231);
}

.change-color a{
    color: rgb(214, 214, 214) !important;
}

.four-pics {
    max-height: 9rem;
}

.paragraf-pagini {
    margin-top: 11rem;
    margin-bottom: 11rem;
    padding: 2rem 2rem 2rem 2rem;
    border: 1px solid rgba(0, 0, 0, 0.26);
    border-radius: 2rem;
    box-shadow: 5px 10px rgb(255,193,7);

}

.container-pagini {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 5.5rem;
    margin-bottom: 5.5rem;
}

.white {
    color: white;
}