:root{
    --about-me-width:59.375%;
}

/*common*/
#landing-page figure{
    min-height: 250px;
}
h1{
    font-weight: normal;
}
h1 span{
    font-weight: 900;
}
h2{
    line-height: 3.18vw;
    /*line-height: 5.02vh;*/
}
p{
    line-height: 1.67vw;
    /*line-height: 2.634vh;*/
}
.h3{
    line-height: 2.19vw;
/*line-height: 3.457vh;*/
}
.top-30{
margin-top: calc(var(--20px)*1.5);
}
.top-70{
margin-top: calc(var(--20px)*3.5);
}
/*end common*/


/*logo*/
.logo{
    z-index: 999;
    width: 7.81vw;
    height: 7.81vw;
    min-width: 60px;
    min-height: 60px;
}

/*end logo*/

/*about-me*/
.about-me{
    width: var(--about-me-width);
    z-index:1;
}

/**/
.about-me img{
    z-index: -999;
}

.about-me:after{
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    right:0;
    bottom:0;
    z-index: -99;

    background: rgba(0, 0, 0, 0.5);
}

/*end about-me*/

/*contact-me*/
.contact-me{
    z-index: 0;
    width: calc(100% - var(--about-me-width));
    max-height: 100%;
    overflow: auto;
}


.contact-me> div.container{
    width: calc(32vw);
}

.social-media{
    margin-top: calc(var(--20px)*2.5);
    padding-bottom: calc(var(--10px)*7);
}

.contact-me input, .contact-me textarea{
    width: 100%;
    font-size: var(--20px);
}

.contact-me input:not([type="submit"]), .contact-me textarea{
    border: 1px solid #979797;
    padding-left: var(--20px);
}

.contact-me input:not([type="submit"]){
    max-height: calc(var(--20px)*2.75);
    padding-top: calc(var(--10px) + var(--5px));
    padding-bottom: calc(var(--10px) + var(--5px));
}


.contact-me textarea{
    height: calc(var(--20px)*8.75);
    padding-top: calc(var(--10px)*1.5);
}

form#text-me input+input, form#text-me input+textarea{
    margin-top: calc(var(--10px)*1.5);
}

form#text-me input[type="submit"]{
    --black-color: #000;
    margin-top: calc(var(--10px)*2);
    width: auto;
    text-transform: inherit;
    min-width: 10.68vw;
    cursor: pointer;
}

#newsletter div input:nth-child(1){
    width: 54.91%;
}

#newsletter div input:nth-child(2){
    width: 42.16%;
    cursor: pointer;
    margin-left: auto;
}


/*social media*/
.social-media ul{
    list-style: none;
}
.social-media ul li:not(:last-child){
    margin-right: calc(var(--20px));
}
.social-media hr{
    width: 7.55vw;
    margin-right: var(--20px);

    height:0;
    border-top:1px solid var(--black-color);
}
/*end social media*/

/*filigram*/
.filigram{
    right: -2.34vw;
}
.filigram h1{
    font-size: 8.02vw;
    line-height: 8.64vw;
    color: #f4f4f4;
    writing-mode: vertical-rl;
    transform: rotate(-180deg);
}
.filigram span{
    display: block;
}
/*end filigram*/

/*end contact-me*/