html {
  scroll-behavior: smooth;
}

article img{
    display: block;
    width: 45%;
    margin: 2% 1% 2% 3%;
    float: left;
    cursor:pointer;
}

article video{
    display: block;
    width: 45%;
    margin: 2% 25%;
}

article img:first-of-type,
article img:nth-of-type(4),
article img:nth-of-type(5),
article img:nth-of-type(6){
    display: block;
    width: 45%;
    margin: 2% 25%;
}

article header{
    text-align: center;
}

article p{
    clear: both;
    margin: 0 2% 1% 2%;
    font-size: 14pt;
}

html,
body,
header,
#intro {
    height: 100%;
}

#about-me {
    padding-top: 10%;
}

#about-me p, #cv p {
    font-size: 15pt;
}

#cv-picture{
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

#car-picture{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 10%;
    display:block;
}

#intro {
    background: url("../img/intro-background.jpg")no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

#main_container{
    background-color: #e7f3fe;
}

#orb-web1-img{
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2%;
}

#portfolio_index,#cv{
    padding-top: 10%;
}

#portfolio_index div p {
    font-size: 15pt;
}

#ictel-picture {
    width: 90%;
    margin-left: 3%;
}

#asol-picture{
    width: 95%;
    margin-top: -7%;
}

#servitec-picture{
    margin-top: 5%;
    margin-left: 5%;
}

#postal3-img {
    width: 95%;
    margin-top: 15%;
}

#danielcastelao-img {
    width: 100%;
    margin-top: 10%;
    padding-right: 5%;
}

#gecastrosm-img {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

.active{
    border-bottom: 3px solid azure;
}

.job-image{
    margin-top:50%;
}

.job-description{
    padding-right: 5%;
    padding-left: 5%;
}

.cv-text-on-left{
    padding-right: 5%;
    padding-left: 5%;
}