html{
    scroll-behavior: smooth;
}
body{
    background-color: #121212;
    color:white;
    font-family: 'Lato', sans-serif;
    font-size: 2vh;
    margin-left:0 !important;
    margin-right:0 !important;
}
a, a:visited{
    color:white;
    text-decoration: none;
}
#container{
    display:flex;
    flex-direction: column;
    align-items: center;
    width:100%;
}
#nav{
    margin-top: 50px;
    display:flex;
    flex-direction: row;
    align-items: center;
    margin-bottom: 1vh;
}
.nav_item{
    padding:0 30px;
}
.nav_item:hover{
    text-decoration: underline;
}
#services{
    display:flex;
    flex-direction: row;
    width:100%;
}
.service{

    margin-right: 2.5vw;
}
.service:last-of-type{
    margin-right: 0;
}
.service_header{
    display:flex;
    align-items: center;
    justify-content: center;
    background-color:#212121;
    width: 25vw;
    height: 12vh;
}
.service_img{
    background-repeat: no-repeat;
    background-size: cover;
    height:30vh;
}
#s1.service_img{
    background-image: url("../media/imgs/service1.jpg");
}
#s2.service_img{
    background-image: url("../media/imgs/service2.jpg");
}
#s3.service_img{
    background-image: url("../media/imgs/service3.jpg");
}
#info{
    display:flex;
    flex-direction: row;
    align-items: center;
}
#info_text{
    height:70vh;
    width:20vw;
    padding:1vh 2vw;
    transform: translate(2vw, 0);
    text-align: justify;
    background-color:#212121;
    display: flex;
    flex-direction: column;
}
#info_text img {
    width:100%;
}
#info_text p {
    display: block;
    height:55%;
}
#info_img{
    background: url("../media/imgs/info.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    height:80vh;
    width:40vw;
}
#contact{
    display:flex;
    flex-direction: row;
    align-items: center;
}
#contact_text{
    height:40vh;
    width:20vw;
    padding:1vh 2vw;
    transform: translate(-2vw, 0);
    text-align: justify;
    background-color:#212121;
}
#contact_img{
    background: url("../media/imgs/contact.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position-x: 50%;
    height:50vh;
    width:25vw;
}
.button{
    padding: 10px 15px;
    background-color:#150C3F;
}
#footer{
    padding:25px;
}
.page_item{
    height:100vh;
    display:flex;
    flex-direction: row;
    align-items: center;
    width:100%;
    justify-content: center;
}
#service_bg{
    
    display:flex;
    flex-direction: row;
    align-items: center;
    width:100%;
    justify-content: center;
    background: url("../media/imgs/servicesBG.jpg");
    background-size: cover;
    background-attachment: fixed;
    padding: 20vh 0;
}