/* 8. LAYOUT [LARGE]
----------------------------------------------------------------------------------------*/
#wrapper {
	max-width: 100%;
    margin: 0 auto;}

#hero_desktop { display: block; }
#hero_mobile { display: none; }

h1 { font-size: 2.5em; }

h2 { font-size: 1.25em; }

p { font-size: 1.15em; }

#navigation_small { display: none; }
#navigation_large { display: block; }

.signup_form {
    margin: 2.5em auto;}

.row {
    position: relative;}

#socialnetwork {
    width: 100%;
    max-width: 138px;
    margin: 0 auto;
    padding: 1.25em 0;}


/* COLUMNS
----------------------------------------------------------------------------------------*/

.row {
	clear: both;
    max-width: 60em;
    margin: 0 auto;
    display: block;}

.row + .row {
    margin: 2.5em auto;}

.column {
	display: block;
	float: left;
    padding: 0 0.5% 0 0.5%;}

.column + .column {margin: 0 auto;}

.column:first-child { margin-left: 0; }

.column_navigation {
    width: 45%;
    display: block;
    float: left;
    padding: 0;
    overflow: hidden;}

.column_logo {
    width: 10%;
    display: block;
    float: left;
    padding: 0;
    overflow: hidden;}

.column_two {
    width: 50%;
    display: block;
    float: left;
    padding: 0;
    overflow: hidden;}

.group:before,
.group:after {
	content:"";
	display:table;}

.group:after {
	clear:both;}

.group {
    zoom:1; /* For IE 6/7 */}


/* 9. CUSTOM LAYOUT & TYPOGRAPHY [MEDIUM]
----------------------------------------------------------------------------------------*/
@media screen and (min-width: 30em) and (max-width: 63.236em) {

#wrapper {
    max-width: 100%; 
    margin: 0 auto;}

#hero_desktop {
    position: relative;
    display: none;}

#hero_mobile { display: block; }

.header_mobile {
    background-image: url(../../images/header/global_header_02.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    min-height: 300px;
    display: block;
    position: relative;}

#navigation_small { display: block; }
#navigation_large { display: none; }

.navigation li, .navigation_left li, .navigation_right li {
	display: inline-block;
	padding: 2% 3%;}

.signup_form {
    margin: 2.5em auto 6em;}

p { font-size: 1.05em; }

h1 { font-size: 2.25em; }

h2 { font-size: 1em; }

#socialnetwork {
    width: 100%;
    margin: 0 auto;
    padding: 1.25em 0;}

}