@charset "UTF-8";
header.parallax{
    height:100vh;
}

header .container{
    height:inherit;
    display:flex;
    align-items:center;
    background-color:rgba(255,255,255,0.5);
}

header #infoContact{
    position:absolute;
    top:0;
    left:0;
}

header #infoContact p{
    display:inline-flex;
    margin-bottom:0;
    font-weight:500;
    font-size:0.9rem;
    text-transform:uppercase;
    letter-spacing:0.5rem;
    color:#222;
    align-items:center;
}

header #infoContact p > .icon{
    text-decoration:none;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    margin:0.25rem;
    width:30px;
    height:30px;
    background-color:var(--secondary-color);
    border:2px solid var(--secondary-color);
    font-size:0.8rem;
    color:#fff;
    letter-spacing:0;
}

header #infoContact p > span{
    display:inline-block;
    margin-top:0.15rem;
    margin-right:0.5rem;
    font-size:1.25rem;
    line-height:0;
}

header .container h1{
    margin-top:var(--navigation-h-1);
    text-transform:uppercase;
    font-size:calc(3.375rem + 2vw);
    line-height:1;
}

header .container h1 > span{
    display:block;
}

header .container h1 > span b{
    font-weight:inherit;
}

header .container h1 > span b:first-child{
    color:var(--primary-color);
}

header .container h1 > span b:last-child{
    color:var(--secondary-color);
}

header .container p{
    margin-top:1.5rem;
    margin-bottom:0;
    padding:0.5rem 1rem 0.5rem 0;
    border-right:4px solid var(--dark-color);
    font-size:1.1rem;
}

header .container .button{
    margin-top:1.5rem;
}

@media(max-width:575px){
    header.parallax{
        height:700px;
    }
}