@charset "utf-8";
body {margin: 0px; padding: 0px; font-family: 'Merriweather', serif;}
.zone {width: 70%; margin-left: auto; margin-right: auto; margin-top: 8%;}
.technique {float: right; padding: 20px; width: 45%; background: rgba(0,0,0,0.05);}
.technique:hover {background: rgba(0,0,0,0.1);}
.gen {float: left; padding: 20px; width: 45%; background: rgba(0,0,0,0.05);}
.gen:hover {background: rgba(0,0,0,0.1);}
.img {margin-bottom: 15px;}
h3 {text-align: center; font-size: 24px; font-weight: 400; margin: 0px 0px 10px 0px;}
p {text-align: center; font-size: 15px; font-weight: 400; margin: 0px 0px 10px 0px;}
a {color: #1e1e1e; text-decoration: none;}

@media only screen 
and (max-device-width : 768px) {
.technique {float: none; display: block; padding: 20px; width: 90%; background: rgba(0,0,0,0.05); margin-left: auto; margin-right: auto; margin-bottom: 30px;}
.technique:hover {background: rgba(0,0,0,0.1);}
.gen {float: none; padding: 20px; display: block; width: 90%; background: rgba(0,0,0,0.05); margin-left: auto; margin-right: auto; margin-bottom: 30px;}
.gen:hover {background: rgba(0,0,0,0.1);}
.zone {width: 90%; margin-top: 8%; margin-left: auto; margin-right: auto; }
}