/* nova-round-regular - latin */
@font-face {
    font-family: 'Nova Round';
    font-style: normal;
    font-weight: 400;
    src: url('nova-round-v21-latin/nova-round-v21-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('nova-round-v21-latin/nova-round-v21-latin-regular.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('nova-round-v21-latin/nova-round-v21-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('nova-round-v21-latin/nova-round-v21-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('./fonts/nova-round-v21-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('nova-round-v21-latin/nova-round-v21-latin-regular.svg#NovaRound') format('svg'); /* Legacy iOS */
}

/* actor-regular - latin */
@font-face {
    font-family: 'Actor';
    font-style: normal;
    font-weight: 400;
    src: url('actor-v17-latin/actor-v17-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('actor-v17-latin/actor-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('actor-v17-latin/actor-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('actor-v17-latin/actor-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('actor-v17-latin/actor-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('actor-v17-latin/actor-v17-latin-regular.svg#Actor') format('svg'); /* Legacy iOS */
  }


body{
    font-family:'Nova Round';
    background-color: #bde0fe;
} 

.navbar{
    height: 10vw;
    width:100%;
    color:#ffff;
}

.nav-brand{
    font-family: 'Nova Round'; 
    font-style:norml;
    font-weight: 400;
    font-size:calc(1.75em + 1vmin);
}

.pagetitle{
    margin-left:20px;
    letter-spacing:0.3em;
}

.navbar-nav > li{
    background-color: #bde0fe;
    margin-right:30px;
    /* margin-top:5rem; */
    display: block;
    border: 5px solid white;
} 

.navbar-nav > li:hover{
    text-decoration:underline;
}

.searchbtn{
    height:5vh;
}

.searchdivider{
    height:7vh;
    width:100%;
    padding:0%;
    margin:0%;
}

.searchbar{
    max-width:15% !important;
    height:5vh;
}

.aboutorderflex{
    margin-top:3%;
}

.aboutrow{
    border-collapse:separate;
}
.aboutcol{
    border-left:20px solid black !important; 
    border-right:20px solid black !important; 
}

.abouttitle{
    margin-left:5%;
    letter-spacing:0.15em; 
    text-decoration: 3px underline dashed;
}

.aboutintro{
    width:55%;
    line-height:1.5;
    text-align:left;
    margin-left:10%;
    margin-top:4%;
    font-family:'Actor' !important;
}

.ordercol{
    border-left:20px solid black !important; 
    border-right:20px solid black !important; 
}

.ordertitle{
    margin-top:10% !important;
 
    letter-spacing:0.15em; 
    text-decoration: 3px underline dashed;
}

.orderbtnflex{
    margin-top:7%
}
.orderbtn{
    /* margin-top:5.75%; */
    width:25vw;
    height:10vh;
    font-size:x-large;
    font-family:'Actor';
}

.orderbtn:hover{
    color:#468faf;
    background-color:#fffffc !important;
}

@media all and (max-width:30em){
    .orderbtn{
    display:block;
    margin:0.4em auto;
    }
}

.productflex{
    margin-top:3%;
}

.productstitle{
    margin-left:3.5%;
    letter-spacing:0.15em; 
    text-decoration: 3px underline dashed;
}

.productcontainer{
    font-family:'Actor' !important;
}

.galleryflex{
    margin-top:3%;
}

.gallerytitle{
    margin-left:3.5%;
    letter-spacing:0.15em; 
    text-decoration: 3px underline dashed;
}

.carousel{
    margin-left:50px;
    width:30% !important;
    height:20% !important;
}

.previous{
    font-size:0.75em;
}

.next{
    font-size:0.75em;
}

.contacttitle{
    margin-left:2%;
    letter-spacing:0.15em; 
    text-decoration: 3px underline dashed;
}

.contactflex{
    margin-top:3%;
}

.contactcol{
    border-left:20px solid black !important; 
    border-right:20px solid black !important; 
}

.contactparagraph{
    font-family:'Actor' !important;
}

.contactbtn{
    font-family:'Actor' !important;
}

.contactbtn:hover{
    color:#468faf;
    background-color:#fffffc !important;
}

.link{
    margin-right:2%;
    color:#184e77
    ;
}

.productlink{
    color:#468faf;
}

@media all and (max-width: 775px) {  
    .navbar-nav{
        display:none;
    }

    .togglericon{
        display:none;
    }

    .nav-item{
        display:none;
    }

    .footerflex{
        display:none;
    }

    .link{
        display:none;
    }

    .nav-brand{
        font-size:medium; 
    }

    .abouttitle{
        font-size:medium;
    }
    
    .ordertitle{
        font-size:medium;
    }

    .gallerytitle{
        font-size:medium;
    }

    .productstitle{
        font-size:medium;
    }

    .contacttitle{
        font-size:medium;
    }


 
}