@font-face {
    src: url('images/fonts/Grandista-Regular/Grandista Regular.otf');
    font-family: GrandistaRegular;
}
@font-face {
    src: url('images/fonts/futura-pt/FuturaCyrillicMedium.ttf');
    font-family: FuturaPtMedium;
}
@font-face {
    src: url('images/fonts/futura-pt/FuturaCyrillicLight.ttf');
    font-family: FuturaPtLight;
}
body {
    font-family: 'Georgia', serif;
    background: white;
}
.navigation a.nav-link{
    color: black;
    font-family: FuturaPtLight;
    font-weight: 600;
    font-size: 25px;
}
.navigation a.nav-link:hover{
    text-decoration: underline;
}
.header-scroll{
    padding-top: 5rem;
}
.header-scroll marquee{
    font-family: FuturaPtLight;
    color: black;
    font-size: 21px;
    font-weight: 600;
}
.hero {
    background-image: url('images/ice-cream.webp'); /* Replace with your hero image */
    background-size: cover;
    background-position: center;
    padding: 160px 20px 55px;
    text-align: center;
    color: #000;
}
.hero .btn {
    margin-top: 100px;
    border: 0;
    border-radius: 30px;
    font-size: 35px;
    padding: 10px 30px;
}
.about p{
    font-family: FuturaPtLight;
    color: black;
    font-size: 26px;
    font-weight: 600;

}
.about p.first-p{
    font-family: FuturaPtMedium;
    font-size: 36px;
    /*font-weight: 600;*/
}
.section-title {
    font-family: GrandistaRegular;
    font-size: 70px;
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
    color: black;
}
.menu .rounded-menu{
    border: 8px solid;
    border-radius: 70px;
    padding: 4rem;
}
.menu .rounded-menu h4{
    font-family: GrandistaRegular;
    font-size: 40px;
    color: black;
}
.menu .section-title{
    margin-bottom: 0;
}
.menu .rounded-logo{
    position: relative;
    top: 95px;
}
.menu .rounded-menu img{
    width: 100%;
}
.menu .rounded-menu .menu-4 img{
    width: 70%;
}
.menu .rounded-menu .menu-5 img{
    width: 60%;
}
.menu .rounded-menu .menu-3 img,
.menu .rounded-menu .menu-4 img,
.menu .rounded-menu .menu-5 img{
    /*height: 350px;*/
}
.menu .rounded-menu .menu-1 img,
.menu .rounded-menu .menu-2 img{
    /*height: 580px;*/
}
.menu .rounded-menu .menu-inner{
    border: 10px solid black;
    padding: 21px;
    border-radius: 50px;
}
.hero .btn:hover{
    background: white;
}
.light-green {
    background-color: #CBECCD;
}
.contact .contact-icon {
    width: 60px;
    height: 60px;
    background-color: #d8f3dc;
    border-radius: 50%;
    margin-bottom: 15px;
}
.contact .contact-icon i{
    font-size: 30px;
    position: relative;
    top: 15px;
}
.contact h5{
    font-family: FuturaPtMedium;
    font-size: 32px;
    color: black;
}
.contact p{
    font-family: FuturaPtLight;
    font-weight: 600;
    font-size: 21px;
    color: black;
}
.about p span{
    font-family: 'FuturaPtMedium';
    /*font-weight: 100;*/
}
footer {
    background-color: #000;
    color: #fff;
    padding: 20px 0;
    font-size: 14px;
    text-align: center;
}
.location img{
    width: 100%;
}
.navigation a i{
    font-size: 28px;
    color: black;
}
@media only screen and (max-width: 672px){
    .menu .rounded-menu img{
        height: auto !important;
    }
    .menu .rounded-menu{
        padding: 30px 4px;
    }
    .menu .rounded-menu{
        border: 7px solid;
        border-radius: 45px;
    }
    .menu .rounded-logo{
        top: 62px;
    }
    .menu .rounded-logo img{
        width: 58%;
    }
    .menu .rounded-menu .menu-inner{
        padding: 10px;
        border: 7px solid black;
    }
    .menu .rounded-menu .menu-1 img, .menu .rounded-menu .menu-2 img, .menu .rounded-menu .menu-3 img{
        width: 95%;
    }
}