:root {
--main-brand-color: #1652a0;
--primary-color: #ffffff;
--secondary-color: #d3e0f7;
--light-secondary-color: #8bb9fd;
--text-color: rgb(0, 0, 0);
--secondary-text-color: #7dabff;
}


*{
    margin: 0;
    padding: 0;
}

body{
    min-height: 100vh;
    background-color: var(--primary-color);
    font-size: 40px;
    color: var(--text-color);
}   


.no_img  {
    position: absolute;
    top: 100px;
    left: 90%;
    max-width: 100%;
    object-fit: cover;
    z-index:1;
}


h1 {
    font-family: Helvetica;     
    font-weight:  bold;
    font-size: 70px;
    line-height: 115%;
    color: var(--primary-color);
}   

h2 {
    font-family: "Helvetica";
    font-weight:  bold;  
    font-size: 50px;
    line-height: 115%;
} 

h3 {
    font-family: "Helvetica";
    font-weight:  bold;
    font-size: 30px;
    line-height: 115%;
}   

h4 {
    font-family: "Helvetica";
    font-weight:  bold;
    font-size: 25px;
    line-height: 115%;
}   

h5 {
    font-family: "Helvetica";
    font-weight:  bold;
    font-size: 20px;
    line-height: 115%;
}   

p {
    font-family: "Helvetica";
    font-size: 16px;
    line-height: 115%;
}   


@media(max-width:950px) {
    h1 {
        font-size: 6vw;
        text-align: center;
    }   
    h2 {
        font-size: 5vw;
        text-align: center;
    }   
    h3 {
        font-size: 4vw;
        text-align: center;
    }  
    h4 {
        font-size: 3vw;
        text-align: center;
    }  

    h5 {
        font-size: 2vw;
        text-align: center;
    }  

    p {
        font-size: 2vw;
        text-align: left;
    }  
  
  
    .no_img  {
        left: 80%;
        max-width: 20vw; 
    } 
 }