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

ul#conMenu{ max-width: 1100px; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; margin: 50px auto 100px; flex-wrap: wrap;}
ul#conMenu li{ width: 31%; border-bottom: #BBB 1px solid; text-align: left; font-size: 90%;  position:relative; height: 50px;}
ul#conMenu::after{ content: ""; width: 31%; display: block;}
ul#conMenu li a{ width: 100%; top: 0; left: 0; position:absolute; padding:10px 0; line-height:180%; }
ul#conMenu li a:after{ content: ">"; position:absolute; top:20%; right: 0; line-height:200%;}
ul#conMenu li a:hover{ text-decoration: none; opacity: 0.5;}

body#overview{}
table{ margin: 50px 0 50px; width: 100%;}
table td,table th{ padding: 20px; border: #DDD 1px solid;}
table th{ background-color: #f8f8f5; width: 20%;}

body#greetings section:nth-of-type(2) p{ margin: 20px 0 0;}
body#greetings section:nth-of-type(2) img:nth-of-type(1){ max-width: 100%; height: auto;}
body#greetings section:nth-of-type(2) p img{ margin: 0 0 0 15px;}

body#policy section:nth-of-type(2) img{ text-align: center;}
body#policy section:nth-of-type(2) h2{ margin: 60px auto 10px; font-size: 200%;}
body#policy section:nth-of-type(2) p{}

body#group section:nth-of-type(2) h2:nth-of-type(1){ margin: 0 0 20px; font-size: 200%;}
body#group section:nth-of-type(2) h2:nth-of-type(2){ margin: 100px 0 20px; font-size: 200%;}

body#contribution section:nth-of-type(2) h2:nth-of-type(1){ margin: 0 0 30px; font-size: 200%;}
body#contribution section:nth-of-type(2) h2:nth-of-type(2){ margin: 100px 0 30px; font-size: 200%;}
body#contribution section:nth-of-type(2) h3{ margin: 0 0 20px; font-size: 160%;}
body#contribution section:nth-of-type(2) p{ margin: 0 0 40px;}
body#contribution section:nth-of-type(2) img{ margin: 0 0 20px;}

body#dagaya section img{margin:0 0 20px;}

@media screen and (max-width: 1100px) {
ul#conMenu{ max-width:calc(100vw - 60px); display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; margin: 50px auto 100px; flex-wrap: wrap;}
ul#conMenu li{ width: 31%; border-bottom: #BBB 1px solid; text-align: left; font-size: 90%;  position:relative; height: 50px; margin: 0 0 5px;}
}

@media screen and (max-width: 640px) {
ul#conMenu{ max-width:calc(100vw - 60px); display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; margin: 50px auto 100px; flex-wrap: wrap;}
ul#conMenu li{ width: 47%; border-bottom: #BBB 1px solid; text-align: left; font-size: 90%;  position:relative; height: 50px; margin: 0 0 5px; font-size: 80%!important;}
table td,table th{ padding: 20px; border: #DDD 1px solid; display: block;}
table th{ background-color: #f8f8f5; width: 100%;}
}