body {
    margin-top:0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.8rem;
}  

input ,select , datalist ,label , p ,span ,table {
  	font-size :  0.8rem;
  	line-height: 0.9rem;
}


.card {
  	word-break: break-word;
    border-radius:1px;
    /*box-shadow: 0px 2px 2px 2px rgba(0, 0, 0, 0.2);*/
    padding:5px;
    margin: 5px;   
}

.cardsmall {
    word-break: break-word;
    border-radius: 5px;
    box-shadow: 0px 1px 3px 2px rgba(0, 0, 0, 0.2);
    /*padding: 2px;
    margin: 3px;*/
}

.container {
    border-radius: 20px;
    box-shadow: 0px 4px 8px 4px rgba(0, 0, 0, 0.2);
    padding: 20px;
}

.container-fluid {
    width:1330px;
    border-radius:20px;
    box-shadow: 0px 4px 4px 4px rgba(0, 0, 0, 0.2);
    padding:10px;
  	margin: 10px 10px 10px 10px; 
}

cardsize{	
    width:1330px;
}

.card-hover:hover {
        /*border: 2px solid blue;*/
        border : 2px dotted blue;
        border-radius: 10px;
        /*background-color: #078282;
        color:white;
        box-shadow: 0px 4px 5px 0px rgba(99,89,99,1);*/
}

.titletxt {
  color:#000080 ;
  font-size: 2.0em;
  text-shadow: 4px 4px 8px #808080 ;
}
.menutxt { font-size : 1.01em;
}
.menuitemtxt {
    font-size: 1.05em;
}
img {
    object-fit: scale-down;
}

.captiontxt{
    font-family: 'Brush Script MT', cursive;
    color: #af002a ;
    font-size: 1.8em;
    text-shadow: 4px 4px 8px #808080 ;
}
.bg-teal{
    background-color: #008080;
}
.bg-yellow {
    background-color: #ffff00;
}

.bg-grey{
    background-color: #d3d3d3;
}
.bg-peach{
    background-color: #fdf5e6; 
}
.bg-steel{
    background-color: #4682b4 ;
}
.bg-green{
    background-color: #8fbc8f;
}
.bg-lemon{
    background-color: #fffacd;
}

.bg-purple {
    background-color: #311b92;
}

.shadow {
    box-shadow: 2px 8px 8px 20px rgba(31, 30, 30, 0.881);
    }

.bg-greenorange {
background: #2A7B9B;
background: linear-gradient(268deg, rgba(42, 123, 155, 1) 0%, rgba(87, 199, 133, 1) 10%, rgb(179, 85, 107) 31%, rgba(235, 214, 28, 1) 81%);
}

.bg-ygt{
    background: #2A7B9B;
    background: linear-gradient(2deg,rgba(42, 123, 155, 1) 26%, rgba(87, 199, 133, 1) 12%, rgba(250, 239, 152, 1) 61%);
}

@media screen and (max-width: 650px) 
{
    .titletxt { 
    font-size: 1.5em;
    }

}

@media (max-width:480px) {
    .titletxt { 
    font-size: 1.5em;
    }

}