body {
    margin-top:150px;
    font-family: Arial, Helvetica, sans-serif
}  

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 1px 1px 0px 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:1325px;
    border-radius:20px;
    box-shadow: 0px 4px 4px 4px rgba(0, 0, 0, 0.2);
    padding:10px;
  	margin: 10px 10px 10px 10px; 
}

cardsize{	
    width:1325px;
}
.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: 1.85em;
  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;
}
.gslogo {
    width:150px; height:auto;
}

.bg-grad {
    /*background: #8bcce8;*/
    background: linear-gradient(183deg, rgba(139, 204, 232, 1) 10%, rgba(84, 247, 247, 1) 24%, rgb(146, 224, 136) 88%);

}
.bg-grad-edge {
    background: #55D555;
    background: linear-gradient(270deg, rgba(85, 213, 85, 1) 12%, rgba(43, 195, 210, 1) 41%, rgba(64, 191, 255, 0.93) 61%, rgba(5, 127, 215, 1) 83%, rgba(16, 78, 146, 1) 94%);
}

.bg-grad-ed {

    background: #55D555;
background: linear-gradient(188deg,rgba(85, 213, 85, 1) 3%, rgba(43, 195, 210, 1) 32%, rgba(64, 191, 255, 0.93) 59%, rgba(5, 127, 215, 1) 92%, rgba(16, 78, 146, 1) 100%);
}
/*--------------------------------------------------- media ----------------------------------------------*/
@media screen and (max-width: 480px) {
    html {
        -webkit-text-size-adjust: none;
    }

    .captiontxt {
        font-family: 'Brush Script MT', cursive;
        color: #af002a;
        font-size: .9em;
        text-shadow: 4px 4px 8px #808080;
    }
    
   .gslogo{
    width: 75px;
    height: auto; 
   }

   .titletxt {
    color:#000080 ;
    font-size: 1.4em;
    text-shadow: 4px 4px 8px #808080 ;
}

}

@charset "utf-8";

@media screen and (max-width: 650px) 
{
    .captiontxt {
            font-family: 'Brush Script MT', cursive;
            color: #af002a;
            font-size: 1.3em;
            text-shadow: 4px 4px 8px #808080;
        }
        .gslogo{
            width: 90px;
            height: auto; 
        }

        .titletxt {
            color: #000080;
            font-size: 1.4em;
            text-shadow: 4px 4px 8px #808080;
        }
        
}