/*
base
*/

.desktop {
    display: none!important;
}

/*
heding
*/

html > body > .html-container > .page > main > section > .container > .wrapper > .content-overlay > .container > h1 {
    font-size:30px;
}
html > body > .html-container > .page > main > section > .container > .wrapper > .content-overlay > .container > h2 {
    font-size: 28px;
}
html > body > .html-container > .page > main > section > .container > .wrapper > .content-overlay > .container > text {
    font-size: 16px;
}

/*
section-first
*/


html > body > .html-container > .page > main > section.first > .container > .wrapper {
    text-align: right;
}
html > body > .html-container > .page > main > section.first > .container > .wrapper > .content-overlay {
    width: auto;
    margin-left: initial;
    max-width: 65%;
}
html > body > .html-container > .page > main > section.first > .container > .wrapper > .content-overlay > .container {
    max-width: initial;
    padding: 0px 20px;
}
html > body > .html-container > .page > main > section.first > .container > .logo {
    padding: 20px 60px;
}
html > body > .html-container > .page > main > section.first > .container > .logo > figure > img {
    width: 120px;
}

/*
section second
*/

html > body > .html-container > .page > main > section.second > .container > .wrapper > .content-overlay {
    width: auto;
    margin-right: initial;
}
html > body > .html-container > .page > main > section.second > .container > .wrapper > .image-background {
    left: initial;
    right: 0px;
    mask-image: url(../images/background-mask.svg);
    mask-position: right;
    mask-size: contain;
    mask-repeat: no-repeat;
    height: 50%;
    top: 0;
    transform: none;
    text-align: right;
    width: auto;
}
html > body > .html-container > .page > main > section.second > .container > .wrapper > .content-overlay > .container {
    padding: 0px 40px;
    padding-top: 120px;
}
html > body > .html-container > .page > main > section.second > .container > .wrapper > .content-overlay > .container > .symbol > figure {
    width: 70px;
}
html > body > .html-container > .page > main > section.second > .container > .element.one {
    width: min(50% , 300px);
}

/*
section third
*/

html > body > .html-container > .page > main > section.third {
    height: initial;
    min-height: 100vh;
}
html > body > .html-container > .page > main > section.third > .container > .wrapper {
    padding: 100px 40px;
    max-width: initial;
    text-align: center;
    width: auto;
}
html > body > .html-container > .page > main > section.third > .container > .wrapper > .content-overlay {
    top: initial;
    transform: none;
}
html > body > .html-container > .page > main > section.third > .container > .wrapper > .content-overlay > .phone, 
html > body > .html-container > .page > main > section.third > .container > .wrapper > .content-overlay > .container {
    display: block;
    width: auto;
    margin: 0 auto;
}
html > body > .html-container > .page > main > section.third > .container > .wrapper > .content-overlay > .container.linkedin {
    padding-top: initial;
}
html > body > .html-container > .page > main > section.third > .container > .logo {
    position: relative;
    display: block;
    margin: 0 auto;
    bottom: initial;
    left: initial;
    width: 200px;
    padding: 40px 0px;
}
html > body > .html-container > .page > main > section.third > .container > .element.two {
    display: none;
}
html > body > .html-container > .page > main > section.third > .container > .element.one {
    width: min(50% , 300px);
}

.linkedin {
    margin: 0 auto;
}

.container-button-site {
    position: unset;
    padding-bottom: 12px;
}

.go-to-site::before {
    animation: none;
}