@media (max-width:995px){.wrap{max-width:750px}header .wrap nav{line-height:normal}header .wrap .nav-menu{display:block;float:right;color:#fff;font-size:24px;cursor:pointer;line-height:50px}header .wrap .nav-menu:focus,header .wrap .nav-menu:hover{color:#7dc2bd}header .wrap nav{float:none}header .wrap nav ul{padding:0;margin:0 0 10px;overflow:hidden;height:0}header .wrap .nav-open{height:auto}header .wrap nav #nav li{display:block;width:100%;margin-left:0}header .wrap nav #nav li:first-child{padding-top:0;margin-top:0}header .wrap nav #nav li a{padding:10px 0 10px 15px;display:block;width:100%;color:#fff;border-bottom:1px solid #4a555d}header .wrap nav #nav li:last-child a{border:none}header .wrap nav #nav li a:active,header .wrap nav #nav li a:hover{border:none;color:#fff;background-color:#7dc2bd;margin:0}header .wrap nav #nav li.current a{color:#7dc2bd}header .wrap nav #nav li.current a:hover{color:#fff}#mentions{padding-top:20%}#mentions .erreur article{margin-left:12%}#about{padding-bottom:130px}#about .wrap article{width:100%}#skills .wrap{margin-bottom:70px}#skills .wrap ul li:nth-child(2) h3{width:50%}#portfolio .wrap #filter li button{margin:0;padding:5px 10px}#portfolio .wrap #grid .mix figcaption h3{margin-top:15%;font-size:16px}#portfolio .wrap #grid .mix figcaption p{font-size:13px;width:95%;margin-bottom:5%}#portfolio .wrap #grid .mix figcaption a{font-size:13px}#contact .wrap article ul li{height:40px;width:40px;margin-right:10px}#contact .wrap article ul li a i{position:inherit;top:0;font-size:1.5em;line-height:40px}#contact .wrap article ul li .socicon{font-size:24px;line-height:40px}footer .wrap nav ul{height:auto;margin:0}footer .wrap nav ul li{display:inline-block}footer .wrap nav ul li a{padding:10px 0 10px 15px;display:block;width:auto;border-bottom:0 solid #4a555d}}@media (max-width:768px){#mentions .erreur{padding:4%}#mentions .erreur article{margin-left:8%;margin-top:10%}#about{padding-bottom:120px}#skills .wrap{margin-bottom:40px}#skills .wrap ul li{width:100%;margin-bottom:50px}#skills .wrap ul li:last-child{width:100%;margin-bottom:0}#contact .wrap article,#contact .wrap h2{margin-bottom:40px}#skills .wrap ul li h3{margin-left:5%}#skills .wrap ul li p{text-indent:5%}#contact .wrap article,#contact .wrap form{float:none;width:100%}#contact .wrap article h2{margin-bottom:10px}#contact .wrap article ul{margin-top:30px}#contact .wrap article ul li{margin-right:5%}}@media (max-width:645px){#about{padding-bottom:110px}#mentions .erreur{width:85%;padding:7%;box-sizing:border-box}#mentions .erreur article{width:73%;font-size:20px}#portfolio .wrap #grid .mix{width:32%;margin-right:.5%}footer .wrap nav ul li{margin-right:10px}}@media (max-width:420px){#mentions{padding-top:20%}#mentions .titre{padding:10%;width:65%}#mentions .titre h1{padding-bottom:10px;border-bottom:2px solid #7dc2bd}#mentions .titre h1 span{border-bottom:0 solid #7dc2bd}#mentions .erreur article{width:63%}#mentions .erreur article h3{font-size:20px;line-height:30px}#mentions .erreur article h3 span{margin-bottom:15%}#about .wrap h2{margin-bottom:50px}#about .wrap div,#portfolio .wrap h2{margin-bottom:30px}#about .wrap div{float:none}#about .wrap article{width:100%;text-align:center}#portfolio .wrap #filter{margin-bottom:20px}#portfolio .wrap #grid .mix{width:48%;margin-right:.5%}#portfolio .wrap #grid .mix figcaption h3{margin-top:10%;font-size:14px}#portfolio .wrap #grid .mix figcaption p{font-size:12px;width:95%;margin-bottom:3%}#portfolio .wrap #grid .mix figcaption a{font-size:12px}#contact .wrap article ul li{height:40px;width:40px;border:3px solid;margin-bottom:15px}#contact .wrap article ul li a i{font-size:1.5em;line-height:40px}#contact .wrap article ul li .socicon{font-size:24px;line-height:40px}}@media (max-width:400px){#mentions{padding-top:40%}#mentions .titre{width:75%}#mentions .erreur h2{margin-top:15%}#mentions .erreur h2 img{width:40px}#mentions .erreur article{margin-top:0;width:72%}#mentions .erreur article h3 span{font-size:40px}#mentions .erreur article .retour{font-size:10px}}