/*
Theme Name: makiwara.fr
Description: used for makiwara.fr larger device version
                 _    _                         
 _ __ ___   __ _| | _(_)_      ____ _ _ __ __ _ 
| '_ ` _ \ / _` | |/ / \ \ /\ / / _` | '__/ _` |
| | | | | | (_| |   <| |\ V  V / (_| | | | (_| |
|_| |_| |_|\__,_|_|\_\_| \_/\_/ \__,_|_|  \__,_|
                                                

Version: 0.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/


/*

*   Main color black;
*   light tone: hsl(90, 70%, 70%)
*   dark tone hsl(90, 100%, 10%)
*   background tone hsl(90, 0%, 95%)
*/


/* Content :

100 : general architecture 
200 : Elements of headers and footers 
300 : General format
400 : Contents
800 : navigation
999 : Generic

*/

@charset "UTF-8";

/*----------------------------*/
/* 100 - general architecture */
/*----------------------------*/

/* fonts */
@import url('https://fonts.googleapis.com/css?family=Montserrat:500|Open+Sans:500');



/* For desktop: */
.col-4 {flex: 25%}
.col-3{flex: 32.33%; max-width: 341px}
.col-2 {flex: 49%; max-width: 512px; min-width: 400px;}
.col-1 {flex: 99%;}



/*    adaptation to larger display*/
.global_margin {margin: 20px 130px 50px 130px;}
.main_orientation {flex-direction: row;}
.second_orientation {flex-direction: column;}
.adapt_mobile{
    visibility: visible;
}





/*----------------------------*/
/* 300 - general format       */
/*----------------------------*/


h1 {
	
    font-size: 50pt;

}

h2 {
	
    font-size: 30pt;
}

h3 {
	
    font-size: 18pt;
   
}

h4 {
	
    font-size: 16pt;
    
}


p {
	
    font-size: 16pt;
    
}














/*----------------------------*/
/* 400 - Content               */
/*----------------------------*/

section {
      
    margin: 15px;
    padding: 10px;
}

article {
   
    margin: 16px 10em 16px 10em;
	padding: 0 0.5%;

}


article>ul>li {
    margin: 0 35% 0 35%;
   
}

/*----------------------------*/
/* 800 - navigation           */
/*----------------------------*/

#navigator{
    width: auto;
}

.nav_el {
     width: 100px;
    height: 100px;
}