body {
    font-family:'Raleway', sans-serif;
    line-height: 40pt;
    font-size: 16pt;
}

h1 {
    font-size: 50pt;
}

h2 {
    font-size:40pt;
    text-align:center;
}

p {
    text-align:justify;
}

#title {
    color:#475bc0;
    padding:20% 15% 30% 15%;   
}

#title h2 {
    font-size:35pt;
    text-align:left;
}
#information {
    padding:10% 0;
    background-color: #313131;
    color:#e0e0e0;
    line-height: 50pt;
}

#information p {
    padding: 0 10%;
}


#teaser {
    /*table for teaser and the process*/
    padding: 10% 0;
}

#video {
    width:30%;
    border-right:1px solid black;
}

#video video {
    /*actual video in the video column*/
    padding: 5% 10% 0 10%;
    width: 80%;
    height: auto;
}

#the-process {
    /*process column*/
    padding: 0 5% 0 5%;
}


#gallery {
    background-color: #313131;
    color: #e0e0e0;
    padding:5% 0 0 0;
}

#gallery img {
    width:90%;
    padding:0 5%;
    height:auto;
    
}