body{
    margin: 0;
    padding: 0;
    font-family: "Montserrat";
}
.bg-image{
    background-image: url("/assets/image/FabLab-63.svg");
    height: 100vh;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}
span#title{
    position: absolute;
    right: 50px;
    top : 50px;
    font-size: 8rem;
    color: white;
}
.container{
    margin: 0 auto;
}
.row{
    display: flex;
    max-width: 100%;
}
.col.left-column{
    position: relative;
    width: 100%;
    max-width: 70%;
}
.col.right-column{
    position: relative;
    max-width: 30%;
    padding: 0 50px;
}
.col-content{
    display: flex;
    flex-direction: column;
    max-width: 100%;
}
.col.right-column .col-content{
    height: 100%;
    justify-content: center;
}
.col.right-column .col-content h1{
    font-size: 4rem;
    padding-bottom: 5%;
}
.col.right-column .col-content p{
    font-size: 1.5rem;
}
@media screen and (max-width : 1770px){
    span#title{top:0}
}
@media screen and (max-width : 1300px){
    .col.right-column .col-content h1{
        font-size: 3rem;
    }
    .col.right-column .col-content p{
        font-size: 1rem;
    }
}
@media screen and (max-width : 1000px){
    .row{
        flex-direction: column;
        height: 100vh;
    }
    .col.left-column{
        max-width: 100%;
        height: 80%;
    }
    .col.left-column .col-content{
        height: 100%;
    }
    .col.right-column{
        max-width: 100%;
        text-align: center;
        height: 100%;
    }
    span#title {
        font-size: 3rem;
        transform: translateX(50%);
        right: 50%;
    }
    .col.right-column .col-content h1{
        font-size: 2rem; 
    }
}