.main-block{
    height: 400px
}
.main-block .container{
    height: 100%;
    padding-bottom: 50px;
    align-items: flex-end
}
h1{
    font-size: 50px;
    margin-bottom: 15px;
    line-height: 1.2
}
section.content{
    margin-top: 150px
}
.content p:not(:first-child){
    margin-top: 15px
}
.content ul{
    margin: 30px 0
}
.content .media .img-container, .projects-items .img-container{
    /*width: 500px;*/
    height: 400px
}
.content .text{
    display: flex;
    align-items: center
}
.projects .text{
    margin-top: 30px
}
.contact-form{
    margin-top: 0
}
.content-2 .content-wrap{
    margin-top: 0
}
.main-block + section{
    margin-top: 100px
}

@media all and (max-width: 768px){
    .content .media .img-container, .projects-items .img-container {
        height: 300px
    }
    .main-block {
        height: 100dvh
    }
    .main-block + section{
        margin-top: 50px
    }
}