/*Font*/
@font-face { 
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    src: url(font/static/Inter-Regular.ttf);
}

@font-face { 
    font-family: 'Inter';
    font-style: medium;
    font-weight: 500;
    src: url(font/static/Inter-Medium.ttf);
} 

@font-face { 
    font-family: 'Inter';
    font-style: bold;
    font-weight: 700;
    src: url(font/static/Inter-Bold.ttf);
} 

h1{
   font-family: Inter;
   font-weight: bold;
   font-style: normal;
   font-size: 64px;
   line-height: 110%;
   letter-spacing: -3.2px;
   margin: 0;
   color: #FFEDED;
   padding-bottom:24px;

    
}

p{
    font-family: Inter;
    font-weight: medium ;
    font-style: normal;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0;
    margin: 0; 
    color: #FFEDED;
    opacity: 0.87;

}

.subheader{
    color: #FFEDED;
    opacity: 0.5;
    padding-bottom: 16px;
    font-weight: bold;

}


/* Container --------------------------------------------------------*/


body{
    margin: 0;
    padding: 0;
}

header {
    display: flex;
    background-color: #73A6F2;
    height: 100vh;
    flex-direction: row;
    margin: 0 auto;
}


.container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex: 1;
    padding: 80px 0px 0px 80px;
}




.image-container{
    display: flex;
    background-image: url(Assets/right.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    flex: 1;
}



.flex-item-2{
    max-width: 553px;
    padding-right: 80px;
}

img{
    padding-bottom: 24px;
}


/* Responsive --------------------------------------------------------*/

@media (max-width: 1080px) {
    h1 {
        font-family: Inter;
        font-weight: bold;
        font-style: normal;
        font-size: 40px;
        line-height: 110%;
        letter-spacing: -2px;
    }

    p{
        font-family: Inter;
        font-weight: medium ;
        font-style: normal;
        font-size: 14px;
        line-height: 150%;
        letter-spacing: 0;
        margin: 0; 
        color: #FFEDED;
        opacity: 0.87;
    
    }
  }

  @media (max-width: 780px) {
    h1 {
        font-family: Inter;
        font-weight: bold;
        font-style: normal;
        font-size: 40px;
        line-height: 110%;
        letter-spacing: -2px;
    }

    p{
        font-family: Inter;
        font-weight: medium ;
        font-style: normal;
        font-size: 14px;
        line-height: 150%;
        letter-spacing: 0;
        margin: 0; 
        color: #FFEDED;
        opacity: 0.87;
    
    }

    .image-container{
        display: none;
        background-image: url(Assets/right.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        flex: 1;
    }

  }