@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;}
ul#conMenu li{ width: 31%; border-bottom: #BBB 1px solid; text-align: left; font-size: 90%;  position:relative; height: 50px;}
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#menu section:nth-of-type(2) h2:nth-of-type(1){ margin: 30px 0 30px; font-size: 200%;}
body#menu section:nth-of-type(2) h3{ margin: 100px 0 20px; font-size: 160%;}
body#menu section:nth-of-type(2) p{ margin: 0 0 40px;}
body#menu section:nth-of-type(2) ul{ display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; flex-wrap: wrap;}
body#menu section:nth-of-type(2) ul li{ width: 49%; background: #0d82b0; border-radius: 30px; padding: 20px; text-align: center; color: #FFF; margin: 0 0 20px; font-weight: bold;}
body#menu section:nth-of-type(2) ul li span{ font-size: 75%;}

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

body#results section:nth-of-type(2) h2:nth-of-type(1){ margin: 0 0 10px; font-size: 200%;}
body#results section:nth-of-type(2) h2{ margin: 100px 0 10px; font-size: 200%;}
body#results section:nth-of-type(2) img{ margin: 0 0 5px;}
body#results section:nth-of-type(2) p{ margin: 0 0 10px;}

@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;}
body#menu section:nth-of-type(2) ul li{ width: 100%; background: #0d82b0; border-radius: 30px; padding: 20px; text-align: center; color: #FFF; margin: 0 0 20px; font-weight: bold;}
}