/* header*/
.webb-banner {
    display: flex;
    justify-content: center;
    height: 50px;
    background-color: #2b3035;
    color: ghostwhite;
}
div.py-5 {
    text-align: center ;
    background-color: #2b3035;
    
    
}
span {
    color: darkgoldenrod;
}
@font-face {
    font-family: myFont ;
    src: url(./webbflareos/Euclid\ Circular\ A\ Regular.ttf);
}
p.fs-5 {
    text-align: start;
}
.container-banner {
    display: flex;
}
.page-title {
    display: flex;
    align-items: center;
   
}
.flex-container1 {
    display: flex;
    flex-direction: row;
    justify-content: center;
    background-color: #FCFAF1;
    margin: 1em;
    padding: 20px;
}
body {
    background-color: #FCFAF1;
    font-family: myFont;
}
.widget2  {
    background-color: white;
    height: 350px;
    width:900px;
     padding: 5px;
     margin: auto;
     display: flex;
    align-items: center;
    border-radius: 30px;
    line-height: 30px; 
    font-size: 15px;     
}
.widget{
    height: 250px;
    width: 400px;
}
li {
    list-style: none;
    
    
}
svg {
    height: 30px;
    width: 30px;
}
.container2{
    display: flex;
    padding: 5%;
    justify-content: center;
 
}
.item {
    width: 500px;
    height: 150px;
   
}
.item-center {
    text-align: center;
   flex-grow: 1;
  

}

.item + .item {
    margin-left: 2%;
}
a:hover {
    color: blue;
}
.logo{
    height: 150px;
    float: left;
}
.logo2 {
height: auto;
}
.logo3 {
    height: 40px;
}
.container-md {
    display: flex;
    padding: 10px;
    align-items: center;
   
}
.node-center {
    padding: 10px;
    line-height: 30px;
    flex-grow: 1;
 
}
.my-5 {
   color:  rgb(108, 117, 125);
}
.node {
    height: 120px;
}
.check {
    height: 20px;
}
.medal {
    height: 60px;
    float: left;
}
.stars{
    height: 25px;
}
.bg-dark {
    color: rgb(108, 117, 125);
}

@media only screen and (max-width: 992px) { 
     .flex-container1  {
         display: none;

        }
}

@media only screen and (max-width: 992px) { 
     .node-center  {
         display: none;


        }
}
@media only screen and (max-width: 992px) { 
     .widget2  {
       width: 600px;

        }
}