.logo {
    
 width: fit-content;
text-align:right;
text-align: center;
    font-weight: 600;
    color:#000 !important;
/*
border:  thin red solid;
border-right:  thin red solid;

font-size: 30px;
font-weight: 800;
background: linear-gradient(90deg, #ff4d4d, #ff9966);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 28px;
font-weight: 700;
position: relative;
display: inline-block;
*/
}

.logo img {
width:20vw

}
.slogan{
    color: #1DA74E;
    font-weight: 600;
    margin-top: -10px;
    /*font-size:clamp(12px,20vw,16px);*/
    font-size: 1.35rem;
}
.logo::after {
/*
content: "";
position: absolute;
left: 0;
bottom: -4px;
width: 40%;
height: 3px;
background: #ff4d4d;
background: #000;
border-radius: 2px;
*/
}

.logo h1 {
font-size: 1.5rem;
color: #1a73e8;
}
.logo span {
margin: 0;
/*font-size: clamp(20px,20vw,40px);*/
font-size: 2.5rem;
/*width:20vw;*/   

color: #D35400; 
color: #e67e22;
    color: #222;
    color: orangered;

color: #000;
}
 


@media (max-width: 768px) {
.logo img {
width:45vw

}

}