/* container */
.container {
height: 100%;
padding: 0 5vW;
margin: 0 auto;

-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-webkit-flex-direction:column;
    -ms-flex-direction:column;
        flex-direction:column;
}

@media(min-width:560px){
	.container {
		-webkit-box-orient:horizontal;
		-webkit-box-direction:reverse;
		-webkit-flex-direction:row;
		    -ms-flex-direction:row;
		        flex-direction:row;
	}
}

/* global */
html,body {
height: 100%;
margin:0;
padding:0;
}
body {
image-rendering: -webkit-optimize-contrast;
font-family: gel, sans-serif;
font-size: 18px;
opacity:1;
color: rgb(0,0,0);
}
h1,h2,h3,h4,h5,h6,p,a {
margin:0;
padding:0;
word-wrap: break-word;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
}
h1,h2,h3,h4,h5,h6 {
font-family: gb, sans-serif;
font-size: 22px;
}
a {
text-decoration: none;
color: rgb(0,0,0);
}
a:hover,
a:focus {
color: rgb(0,0,0);
}
img {
width: 100%;
height: 100%;
}
::selection {
background:rgb( 51,51,51);
color:rgb(255,255,255);
text-shadow:none;
}
::-webkit-selection {
background:rgb( 51,51,51);
color:rgb(255,255,255);
text-shadow:none;
}
::-moz-selection {
background:rgb( 51,51,51);
color:rgb(255,255,255);
text-shadow:none;
}
/* boxing elements */
*, *:after, *:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}