/*
Created by:
 _                               _  _____  _____  _____ 
| |__    ___   _ __  _   _  ___ / ||___ / |___ / |___  |
| '_ \  / _ \ | '__|| | | |/ __|| |  |_ \   |_ \    / / 
| | | || (_) || |   | |_| |\__ \| | ___) | ___) |  / /  
|_| |_| \___/ |_|    \__,_||___/|_||____/ |____/  /_/                                                   
*/

body, html {
    margin: 0 auto;
    height: 100%;
}

/* Első rész */

.f-main {
    background-image: url("hi1.jpg");
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.f-sub {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
}

p.firsthero {
    font-size: 50px;
    font-family: "Oswald", arial;
    text-shadow: 2px 1px black;
}

button {
    font-size: 20px;
    padding: 10px 30px;
    color: rgba(100, 100, 100, 1);
    font-family: "Anton", arial;
    border: none;
    background-color: rgba(255, 255, 255, 1);
    border-radius: 5px;
    transition: 1s;
}

/* Második rész */

.s-main {
    background-color: rgba(50, 50, 50, 1);
    height: 70%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.s-sub {
    padding-top: 30px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    overflow: hidden;
}

.first {
    float: left;
}

.second {
    float: left;
    margin-left: 200px;
    overflow: hidden;
}

h1.leaders {
    color: white;
    font-family: "Yanone Kaffeesatz", arial;
    font-weight: bold;
}

p.desc {
    font-family: "Quick", arial;
}

.t-main {
    background-image: url(hi2.jpg);
    height: 5%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.t-sub {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    overflow: hidden;
}

p.cp {
    font-family: "Quick", arial;
    text-shadow: 1px 1px black;
}

a.cp {
    color: #ff5050;
    text-decoration: none;
}