.header-text-line-2{
    font-size: 29.2px;
    position: relative;
    margin-top: -10px;
    }
.project-logo{
    position: relative;
    display: block;
    margin-top: 0px;
    margin-left: -1px;
    width: 101px;
    }
.registration-btn{
    position: relative;
    text-transform: uppercase;
    border: 2px solid #0062db;
    color: #0f0e08;
    padding: 6px;
    width: 100%;
    max-width: 334px;
    text-align: center;
    left: 0px;
    margin-bottom: 24px;
    cursor: pointer;
    font-family: "MacklinSans-Regular";
    transition: all ease-in-out 300ms;
    }
.registration-btn:hover{
    color: #fafaf5;
    background-color: #0062db;
    }
@media only screen and (min-width:576px){
.project-logo{
    position: absolute;
    margin-top: -118px;
    margin-left: 292px;
    width: 92px;
    }   
}
@media only screen and (min-width:768px){
}
@media only screen and (min-width:824px){
 .header-text-line-2{
    font-size: 39px;
    margin-top: -14px;
    }
.project-logo{
    margin-top: -130px;
    margin-left: 384px;
    width: 101px;
    }
}
@media only screen and (min-width:992px){
 .header-text-line-2{
    font-size: 50px;
    }
.project-logo{
    margin-top: -153px;
    margin-left: 484px;
    width: 117px;
    }
.registration-btn{
    right: 0px;
    left: auto;
    margin-right: 15px;
    width: auto;
    float: right;
    margin-bottom: 55px;
    }
}
@media only screen and (min-width:1200px){
 .header-text-line-2{
    font-size: 66.7px;
    margin-top: -18px;
    }
.project-logo{
    margin-top: -200px;
    margin-left: 624px;
    width: 153px
    }
}