/*
Theme Name: makiwara.fr
Description: used for makiwara.fr mobile 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 :

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

*/

@charset "UTF-8";

/*----------------------------*/
/* 000 - general architecture */
/*----------------------------*/

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




/* For mobile phones: */
[class*="col-"] {
	flex: 100%;
    width: 100%;
}

/*Adaptation to mobile display*/
.global_margin {margin:50px 0 50px 0;}
.main_orientation {flex-direction: column;}
.second_orientation {flex-direction: row;}
.adapt_mobile{
    visibility: hidden;
}

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


h1 {
	
    font-size: 40pt;

}

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 0 16px 0;
	padding: 0 0.5%;

}


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

}

img {
    width: 90%;
}


/*----------------------------*/
/* 800 - Navigation           */
/*----------------------------*/

#navigator{
    width: 100%;
}

.nav_el {
        width: 25%;
        height: 36px;
    }