@charset "UTF-8";
/* CSS Document */

@media only screen and (max-width: 700px) {

body {
font-family: 'ralewaylight';	
font-size:1em;
}

p {
margin-bottom:20px;	
line-height: 1.5;
font-size:1em;
}

/* h1 h2 h3 */

h1 {

}

/* navigation */

nav {	

}

nav a {


}

.subnavs {
padding:15px 5px;
}

.subnavs a{
padding:3px 6px;
margin:0.5%;
}



/* container */


.sections {
width:94%;
padding:0 3%;
}

.leftContainers, .rightContainers{
width:100%;	
}



/* pages */


.abouts {
padding:60px 0 60px 0;
background-size:130%;
}


/* layout */

.designBoxs img{
width: 100%;
height: auto;
}

video{
width: 100%;
height: auto;
margin:30px 0;
background:#333;
}


.designInfos {
width:100%;
position:static;
}

.designTitles {
font-size:2em;
margin-bottom:15px;
text-align:center;
}

.designDesps {
text-align:center;
}

.designSkills {
text-align:center;
}

.platforms.boths {
width:60px;
margin: 0 auto 10px auto;
}

.platforms.ioss,  .platforms.androids, .platforms.phps, .platforms.flashs, .platforms.g3d, .platforms.g2d, .platforms.g2d3da{
width:30px;
margin: 0 auto 10px auto;
}

/* line */
.breaklines {
width:100%;
background-size:100%;
}

/* text */

.years {
font-size:3em;
text-align:center;
}

}

@media only screen and (min-width:601px) {

/* menu button */

.menuBtns{
display:none;
}

.mobileMenus {
display:none;
top:-120px;
}

.headers nav {
display:block;
}


}

@media only screen and (max-width: 600px) {

.menuBtns {
display:block;
}

.headers nav, .mobileMenus {
display:none;
}

}