*    {box-sizing: border-box;}
    
    
body {
    margin: 0px;
}

div {display: block;}


img.full {width: 100%; height: auto; display: block;}
    
    
/* fontit */    

body {
    font-family: 'Open Sans', sans-serif;
}    
    
h1, h2, h3, h4, h5, h6 {
    font-family: 'Open Sans Condensed', sans-serif;
    font-weight: 500;
    line-height: 1.1em;
    color: #c5242c;
}

h1 {
    font-size: 42px;
}

h3 {
    font-size: 24px;
}
    
p, span {
    color: #333;
    font-size: 15px;
}   
    
#lander-red-box .lander-two-thirds h1, #lander-red-box .lander-one-thirds h1 {
    color: #fff;
}

#lander-red-box .lander-two-thirds h3, #lander-red-box .lander-one-thirds h3 {
    color: #fff;
}

#lander-red-box .lander-two-thirds p, #lander-red-box .lander-one-thirds p {
    color: #fff;
}
    
    
    
        
/* LANDERIN DIVIT yms */
    
#content {
    max-width: 1170px;
    padding: 0;
    margin: 0 auto;
    margin-bottom: 100px;
    overflow: auto;
}    
    
#content h1 {
    font-size: 28px;
}
    
#lander-header {
    margin: 0px;
    background-color: #c5242c;
    width: 100%;
    text-align: center;
    height: auto;
    padding-top: 10px;
    font-family: Open Sans, Gotham, Helvetica Neue, Helvetica, Arial, sans-serif;
    position: relative;
    height: 100% !important;
}    
    
#lander-logo {
    width: 100%;
    margin: 80px auto 20px auto !important;
    text-align: center;
}
    
#lander-hero {    
    margin: 0px;
    display: block;
    background: #dadada;
    margin: 68px 0 0;
    position: relative;
    width: 100%;
    max-width: 100%;
    text-align: center;
    height: 100%;
    /*padding-top: 10px;*/
}

    
#lander-hero img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}
    
#lander-red-box {    
    max-width: 1170px;
    background: #c5242c;
    border-radius: 4px;
    margin: -100px auto 40px auto;
    position: relative;
    z-index: 999;
    box-shadow: #781117 0 2px 0;
    overflow: auto;
}




    
    
    
    
/* palstat */    
.lander-two-thirds, .lander-one-thirds { 
    display: block;
    position: relative;
    float: left;
    clear: none;
    padding: 20px 3% 35px 3%;
    overflow: hidden;
}

#lander-red-box .lander-two-thirds {
    border-right: #d9323b solid 1px;
}    
    
#content .lander-two-thirds, #content .lander-one-thirds { 
    text-align: center;
}
    
    
.lander-two-thirds {
    width: 66.66667%;
}
 
.lander-one-thirds {
    width: 33.33333%;
}
    
    
    
/* MISC */    

.btn {
    background: #c5242c;
    border-radius: 4px;
    box-shadow: #711d21 0 2px 0;
    font-size: 16px;
    text-align: center;
    font-weight: 600;
    color: #fff;
    text-decoration: none;
    padding: 8px 22px;    
    display: inline-block;
}

.btn:hover, .btn:focus { 
    background: #1e1e1e;
    color: #fff;
    box-shadow: #000 0 2px 0;
}
    
.border {
    background: #c5242c;
    height: 3px;
    border-radius: 2px;
    width: 40px;
    margin: 0 0 15px 0;
    display: inline-block;
}    
    
    
    
    
    
/* MOBIILI */
@media screen and (max-width: 900px) {
    
    .lander-two-thirds, .lander-one-thirds { 
        clear: both;
        width: 100%;
    }
    
    #content {
        padding: 0px !important;
    }
    
    #lander-logo {
        width: 100%;
        margin: 40px auto 20px auto !important;
        text-align: center;
    }
    
    #lander-hero {    
        margin: 25px 0 0;
    }

    img.full {width: auto; height: auto; margin: 0 auto;}
    
    #content p {
        padding: 0 15%;
    }
    
}