/*
font-family: 'Abel', sans-serif;
font-family: 'Noto Sans', sans-serif;
font-family: 'Muli', sans-serif;
font-family: 'Work Sans', sans-serif;
font-family: 'Questrial', sans-serif;
*/

body, html {
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: #000;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    color: #FFF;
}

a {
    text-decoration: none;
    color: LightGrey;
}

p {
  padding: 0;
  margin: 0;
  font-size: 2rem;
  color: LightGrey;
}

.header {
    position: relative;
    height: 750px;
    margin-left: -1%;
    margin-right: -1%;
    padding-top: 1%;
    clear: both;
    background-position: center;
    background-size: cover;
    background-color: #000;
    box-shadow: inset 0 8px 8px -5px #DDD, inset 0 -8px 8px -5px #DDD;
}

.box1 {
    position: relative;
    height: 750px;
    margin-left: -1%;
    margin-right: -1%;
    clear: both;
    font-family: 'Muli', sans-serif;
    background-position: center;
    background-size: cover;
    background-color: #000;
    box-shadow: inset 0 8px 8px -5px #DDD, inset 0 -8px 8px -5px #DDD;
    text-align: left;
    padding-left: 15%;
    padding-top: 1%;
    font-size: 2.5rem;
    color: #FFF;
}

.box2 {
    position: relative;
    height: 750px;
    margin-left: -1%;
    margin-right: -1%;
    clear: both;
    font-family: 'Muli', sans-serif;
    background-position: center;
    background-size: cover;
    background-color: #000;
    box-shadow: inset 0 8px 8px -5px #FFF, inset 0 -8px 8px -5px #FFF;
    text-align: left;
    padding-left: 15%;
    padding-top: 1%;
    font-size: 2.5rem;
    color: #FFF;
}

.box3 {
    position: relative;
    height: 750px;
    margin-left: -1%;
    margin-right: -1%;
    clear: both;
    font-family: 'Muli', sans-serif;
    background-position: center;
    background-size: cover;
    background-color: #000;
    box-shadow: inset 0 8px 8px -5px #DDD, inset 0 -8px 8px -5px #DDD;
    text-align: left;
    padding-left: 15%;
    padding-top: 1%;
    font-size: 2.5rem;
    color: #FFF;
}

.footer {
    position: relative;
    height: 100px;
    ;
    margin-left: -1%;
    margin-right: -1%;
    clear: both;
    font-family: 'Muli', sans-serif;
    background-position: center;
    background-size: cover;
    background-color: #000;
    box-shadow: inset 0 8px 8px -5px #DDD, inset 0 -8px 8px -5px #DDD;
    text-align: left;
    padding-left: 15%;
    padding-top: 1%;
    font-size: 2.5rem;
    color: #FFF;
}

/* IDs ------------------------ */

#MainTitle {
    border: 5px solid #FFFFFF;
    text-align: center;
    margin-left: 15%;
    margin-top: 200px;
    margin-bottom: 20px;
    font-size: 8rem;
    width: 70%;
    font-family: 'Abel', sans-serif;
    color: #FFF;
}

#MainSubTitle {
    text-align: center;
    margin-left: 25%;
    font-size: 4rem;
    width: 50%;
    font-family: 'Muli', sans-serif;
    text-decoration: none;
    color: LightGrey;
}

#MainSubTitle a {
    text-decoration: none;
    color: LightGrey;
}

#subTitlePhone {
    text-align: center;
    margin-left: 25%;
    font-size: 3rem;
    width: 50%;
    font-family: 'Muli', sans-serif;
    color: LightSlateGray;
    text-decoration: none;
}

#subTitlePhone a {
    text-decoration: none;
    color: LightSlateGray;
}

#subTitleMail {
    text-align: center;
    margin-left: 25%;
    font-size: 3rem;
    width: 50%;
    font-family: 'Muli', sans-serif;
    color: LightGrey;
    text-decoration: none;
}

#subTitleMail a {
    text-decoration: none;
    color: LightGrey;
}

#Language {
    text-align: righ;
}
