.gi-2x{font-size: 2em;}
.gi-3x{font-size: 3em;}
.gi-4x{font-size: 4em;}
.gi-5x{font-size: 5em;}
.top5 { margin-top:5px; }
.top7 { margin-top:7px; }
.top10 { margin-top:100px; }
.top15 { margin-top:15px; }
.top17 { margin-top:17px; }
.top30 { margin-top:30px; }
.top70 { margin-top:0px; }
.top150 { margin-top:150px; }
.top100 { margin-top:100px; }
.top570{
    margin-top:500px;
}
 
.weight600{
	font-weight:600;
    font-size: 28px;
}
.weight300{
	font-weight:300;
}
.weight400{
  font-weight:400;
}
.maxWidth{
	max-width:410px;
}
body{
    color:white;
}
.portable{
    float:right;
    width:710px;
}
.mobileMail{
    position: absolute;
    right: 15px;
    top: 30px;
    z-index: 300;
}
.mobileTwitter {
    position: absolute;
    right: 70px;
    top: 31.5px;
	z-index: 300;
 
}
.homme{
	position:absolute;
	left:20px;
	top:560px;
	display: block;
	width:560px;
}
 
.tree{
	display: block;
	position:absolute;
	top:2050px;
	left:10px;
}
.sbtText{
	max-width:560px;
	font-weight:400;
}
.parentIcon{
	min-width:383px;
}
a, u {
    text-decoration: none;
}
a:hover{
    text-decoration: none;
}
.parent{
    background-image: url('source/background.png');
    background-size:auto 100% ;
    background-position: top left;
    height: 2571px;
}
.parent2{
    background-image: url('source/background.png');
    background-position: top left;
    height: 850px;
}
.logoPortable{
    background-image: url('source/HR-portable_1.png');
    background-size: 100%;
}
.intro{
    color:black;
    font-size: 18px;
}
.content{
    margin-top: 500px;
}

.portableLogo{
    display:none;
}
.textLogo{
    font-family: inherit;
    font-weight: 400;
    line-height: 1.1;
    color: inherit;
    font-size:42px;
}
.mobileTree{
    width: 45
}
.imageLogo{
    float:left
}
.hommemobile, .treemobile{
	 
	 display: none;
	 
 }
.centered{
    padding: px 36px;
}
.sbtButton{
	padding:6px 22px;
	font-size:22px;
}
.alignRight{
	float:right;
}
.alignLeft{
	float:left;
}
@media only screen and (max-width : 1000px) {
    .alignRight {
        float: none;
    }
    .weight600 {
        font-size: 18px;
    }
    .homme, .tree {
        display: none;
    }

    .hommemobile {
        position: absolute;
        left: 20px;
        top: 620px;
        display: block;
    }

    .treemobile {
        position: absolute;
        top: 2250px;
        left: 10px;
        display: block;

    }

    .alignLeft {
        float: none;
    }

    .portable {
        max-width: 100%;
        max-height: 100%;
        float: none;
    }

    .portableParent {
        text-align: center;
    }

    .portableLogo {
        display: block;
        text-align: center;
    }

    .mobileTwitter {
        padding-left: 0px;
    }

    .mobileMail {
        padding-left: 5px;
    }

    .textLogo {
        font-family: inherit;
        font-weight: 400;
        line-height: 1.1;
        color: inherit;
        font-size: 35px
    }

    .imageLogo {
        max-width: 80%;
    }

    .mobileNuage {
        width: 30%;
    }

    .intro p {
        font-size: 15px;
        font-weight: 400;
    }

    .content {
        margin-top: 350px;
    }

    .iconmoblie {
        text-align: center;
		    margin-top: 15px;
    }

    .top100 {
        margin-top: 17px;
    }

    .mobileGoogle {
        clear: both;
    }

    .top70 {
        margin-top: 0;
    }

    .top100, .top30, .top10 {
        margin-top: 5px;
    }

    .top570 {
        margin-top: 100px;
    }

    .parentIcon {
        min-width: 0px;
    }

    .sbtText {
        max-width: 1000px;
        position: absolute;
        top: 1980px;
        font-weight: 400;
    }

    h2, .h2 {
        font-size: 24px;
    }

    h4, .h4 {
        font-size: 15px;
    }

    .maxWidth {
        max-width: 1000px;
    }

    .pull-right {
        float: none !important;
    }

    .notshow {
        display: none;
    }
	.iconPortable{
		width: 30%;
	}
}