article.text .cta{
    color: var(--mainBGColor);
    background-color:var(--primaryColor);
    border:1px solid var(--primaryColor);
    padding:5px;
    padding-left:10px;
    padding-right:10px;
    transition:all .4s;
    display:inline-block;
    margin-bottom:5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color:white;
}
article.text .cta:hover{
    text-decoration: none;
    color: var(--primaryColor);
    background-color:var(--mainBGColor);
}
article.text .cta:before{
    content: "\f324";
    font-family: 'Font Awesome 5 Pro';
    font-weight: 300;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-size:1em;
    margin-right:4px;
}
article.text .cta.pdf:before{
    content: "\f1c1";
    margin-right:7px;
}
article.text .cta.phone:before{
    content: "\f879";
    margin-right:7px;
}
article.text .cta.mail:before{
    content: "\f0e0";
    margin-right:7px;
}
.project_btn{
    display: inline-block;
    vertical-align: top;
    padding: 10px 20px;
    border: 2px solid var(--secondaryColor);
    background-color: var(--white);
    color: var(--primaryColor)!important;
    cursor: pointer;
    font-size: 1.3rem;
    line-height: 1.5em;
}
.project_btn:hover{
    background-color: var(--secondaryColor);
    color: var(--white)!important;
    text-decoration: none!important;
}
.project_btn.no_border{
    border:none;
}
@media screen and (max-width: 650px){
    .project_btn{
        display: block;
        vertical-align: top;
        box-sizing: border-box;
        width: auto;
        text-align: center;
        margin: 0 auto;
    }
}