* {
    font-family: 'Abel', sans-serif;
    color: #717171;
}

html {
    font-size: 100%;
}

body {
    padding: 0;
}

p {
    font-family: 'Lato', sans-serif;
}

a {
    transition: ease 0.1s;
    color: #e6b8af;
}

a:hover {
    transition: ease 0.3s;
    color: #d39c94;
    text-decoration-line: none;
}

.language {
    width: 100%;
    text-align: right;
    padding-top: 10px;
    padding-right: 5%;
    font-size: 1.2em;
    position: absolute;
    z-index: 999;
}

.l-selected {
    border-bottom: #717171 solid 1px;
}

.header {
    background-image: none;
    height: 300px;
}

.header img {
    position: relative;
    top: -110px;
    max-width: 100%;
}

.header h1 {
    font-size: 2.5rem;
    margin-top: 100px;
}

.header h3 {
    font-size: 1.5rem;
    margin-top: 5px;
    color: #e6b8af;
} 

.header a {
    color: #717171;
}

.header .text-center {
    height: 10px;
}

.call-to-action {
    background-color: #e6b8af;
}

.img-bgd {
    background-color: black;
}

.portfolio-item img {
    transition: ease 0.2s;
    opacity: 1;
}

.portfolio-item img:hover {
    transition: ease 0.2s;
    opacity: 0.8;
}

#item div {
    -webkit-animation: scaleUpDown .5s ease both;
	animation: scaleUpDown .5s ease both;
}

#arrow {
    transition: ease 0.2s;
    opacity: 1;
}

#arrow:hover {
    transition: ease 0.2s;
    opacity: 0.8;
}

#portfolio {
    -webkit-animation: scaleUpDown .5s ease both;
	animation: scaleUpDown .5s ease both;
}

.ytb-video {
    max-width: 100%;
}