body{
    min-height: 100% !important;
    height: 100%;
    margin: 0;
    padding:0;
    cursor: url(../img/fleche8a.png), auto;
}



a {
	cursor: url('../img/fleche5a.png'), auto;
}


/* ---------------------------------------entete index--------------------------------------- */

#entete{
margin-top:15px;		
margin-bottom: 20px;	
margin-left:35px;
font-family:Futura Std, 'Futura', Helvetica, sans-serif, arial;
}

#entete H1{	
font-size:24px;
}

#entete p:first-of-type{	
margin-top:8px;
}

#entete p{	
margin-top:5px;
font-size:14px;
}

/* ---------------------------------------nav--------------------------------------- */


nav {
    text-decoration: none;
    border-top: 1px solid #000;
       /*border-bottom: 1px solid #000;
    margin-bottom: 20px;*/	
    font-family: Futura Std, 'Futura', Helvetica, sans-serif, arial;
    cursor: auto;  
}

#CV1 nav {
    border-bottom: 1px solid #000;
    margin-bottom: 20px;
}




nav ul {
    text-decoration: none;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: ;
    display:flex;
    flex-flow:row wrap;
    align-items: center;
    /*justify-content: center;*/
    margin-left: 35px;
}

nav li {
    display: inline-block;
    text-decoration: none;
    font-family: 'Futura', Helvetica, sans-serif, arial;
    margin-right: 45px;

}

nav a{
    display: inline-block;
    text-decoration: none;
    font-family: Futura Std, 'Futura', Helvetica, sans-serif, arial;
    font-size:20px;

}



.icon-home {
    color: black;
    font-size: 35px;
}


@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoon.eot?-s8kixo');
	src:url('../fonts/icomoon.eot?#iefix-s8kixo') format('embedded-opentype'),
		url('../fonts/icomoon.woff?-s8kixo') format('woff'),
		url('../fonts/icomoon.ttf?-s8kixo') format('truetype'),
		url('../fonts/icomoon.svg?-s8kixo#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}	

[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-home:before {
	content: "\e600";
}






/* ---------------------------------------works--------------------------------------- */


/*.titlework a{
opacity:0.0;
}

.titlework a:hover{
opacity:1;
}*/

.titlework li:hover{
opacity:1;
filter: grayscale(100%);
}

/*.titlework li:nth-child(n+61){
display:none;
}*/

#button1{
width:100%;   
}

.titlesection{
     display: flex;
    justify-content:center; 
    margin-bottom:14px;
    /*color: #104be0;*/
    color: #082d89;
}

.both1{
     display: flex;
    flex-flow: row wrap;
    justify-content:center;   
}


.btn {
    border: none;
    background-color: #a7a7a7;
    font-family: Futura, Helvetica;
    font-weight: 700;
    color: #141414;
    margin: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-decoration: none;
    font-size: 12px;
    width: 12.5%;
}


.launch{
width:100%;
display:flex;
flex-flow:row;
/*align-items: center;*/
justify-content:center;
border-bottom: 1px solid #000;
padding-top: 10px;
padding-bottom: 10px;	
}




/* background 

.travaux a{
visibility: hidden;
}*/

.titlework li::after {
    opacity: 1;
    top: 0; 
    left: 0; 
    bottom: 0; 
    right: 0; 
    position: absolute; 
    z-index: -1;
-webkit-transition: 0.7s ease-out;
-moz-transition: 0.7s ease-out;
-o-transition: 0.7s ease-out;
transition: 0.7s ease-out;
}

.titlework li {
-webkit-transition: 0.7s ease-out;
-moz-transition: 0.7s ease-out;
-o-transition: 0.7s ease-out;
transition: 0.7s ease-out;
}



/*.titlework li:hover::after{
  opacity:1;   
}
.titlework li{
opacity:1;
}
.titlework li::after{
opacity:0.85;
}

.titlework:hover  li:not(:hover){
  opacity:0.95;
}
*/

.titlework li::after{
    overflow:hidden;
}

.titlework li:hover::after{
  opacity:1;   
     /* -moz-transform: scale(1.01);
  -webkit-transform: scale(1.01);
  transform: scale(1.01);*/
    overflow:hidden;
}




.titlework li#montstmichel {

background-image:url("../img/background/saintmichel.jpg");
background-size: cover;
}

.titlework li#afaa::after {
    content: "";
background-image:url("../img/background/AFAA.jpg");
background-size: cover;
}

.titlework li#oagid::after {
    content: "";
background-image:url("../img/background/oagid.jpg");
background-size: cover;
}

.titlework li#philippecazal::after {
    content: "";
background-image:url("../img/background/philippecazal.jpg");
background-size: cover;
}



.titlework li#bagatelle::after {
    content: "";
background-image:url("../img/background/bagatelle.jpg");
background-size: cover;
}

.titlework li#Lebalmoderne::after {
    content: "";
background-image:url("../img/background/lebalmoderne.jpg");
background-size: cover;
}

.titlework li#balletatlantique::after {
    content: "";
background-image:url("../img/background/balletatlantique.jpg");
background-size: cover;
}



.titlework li#legalgeneral::after {
content: "";
background-image:url("../img/background/legalgeneral.jpg");
background-size: cover;
}

.titlework li#bnf::after {
    content: "";
background-image:url("../img/background/bnf.jpg");
background-size: cover;
}

.titlework li#BiblioValenciennes::after {
    content: "";
background-image:url("../img/background/BiblioValenciennes1.jpg");
background-size: cover;
}




.titlework li#albertopinto1::after {
    content: "";
background-image:url("../img/background/Alberto-Pinto.png");
background-size: cover;
}

.titlework li#caissedesdepots::after {
    content: "";
background-image:url("../img/background/caissedesdepots.jpg");
background-size: cover;
}

.titlework li#Centrecoregraphiquegrenoble::after {
    content: "";
background-image:url("../img/background/Centrecoregraphiquegrenoble.jpg");
background-size: cover;
}




.titlework li#choregraphiquetours::after {
content: "";
background-image:url("../img/background/choregraphiquetours1.jpg");
background-size: cover;
}

.titlework li#credac::after {
content: "";
background-image:url("../img/background/credac.jpg");
background-size: cover;
}


.titlework li#cnap::after {
    content: "";
background-image:url("../img/background/CNAP.png");
background-size: cover;
}

.titlework li#pompidou::after {
    content: "";
background-image:url("../img/background/feminmasculin.jpg");
background-size: cover;
}

.titlework li#villasaintclair::after {
content: "";
background-image:url("../img/background/villasaintclair.jpg");
background-size: cover;
}

.titlework li#cinemathequetoulouse::after {
content: "";
background-image:url("../img/background/cinemathequetoulouse.jpg");
background-size: cover;
}

.titlework li#cinememoire::after {
content: "";
background-image:url("../img/background/cinememoire.jpg");
background-size: cover;
}

.titlework li#citemusique::after {
    content: "";
background-image:url("../img/background/citemusique.jpg");
background-size: cover;
}

.titlework li#compa::after {
    content: "";
background-image:url("../img/background/compa.png");
background-size: cover;
}
.titlework li#conservatoirechalon::after {
    content: "";
background-image:url("../img/background/conservatoirechalon.jpg");
background-size: cover;
}


.titlework li#creativeagentconsultant::after {
    content: "";
background-image:url("../img/background/dusensdanslutile.jpg");
background-size: cover;
}



.titlework li#adhemar::after {
    content: "";
background-image:url("../img/background/adhemar.jpg");
background-size: cover;
}

.titlework li#domperignon::after {
    content: "";
background-image:url("../img/background/domperignon.jpg");
background-size: cover;
}


.titlework li#ecolenimes::after {
    content: "";
background-image:url("../img/background/nimes.jpg");
background-size: cover;
}



.titlework li#balyon::after {
    content: "";
background-image:url("../img/background/balyon.jpg");
background-size: cover;
}

.titlework li#electra::after {
content: "";
background-image:url("../img/background/electra.jpg");
background-size: cover;
}

.titlework li#editionabcd::after {
content: "";
background-image:url("../img/background/ABCDedition800x600.jpg");
background-size: cover;
}

.titlework li#epad::after {
content: "";
background-image:url("../img/background/epad.jpg");
background-size: cover;
}

.titlework li#Marnelavalle::after {
    content: "";
background-image:url("../img/background/marnelavalle.jpg");
background-size: cover;
}


.titlework li#FIAC2000::after {
    content: "";
background-image:url("../img/background/FIAC2000.jpg");
background-size: cover;
}

.titlework li#flammarion::after {
    content: "";
background-image:url("../img/background/flammarion.jpg");
background-size: cover;
}


.titlework li#FondationEDF::after {
    content: "";
background-image:url("../img/background/FondationEDF.jpg");
background-size: cover;
}


.titlework li#fresnoy::after {
content: "";
background-image:url("../img/background/fresnoy.png");
background-size: cover;
}

.titlework li#lequartier::after {
content: "";
background-image:url("../img/background/lequartier.jpg");
background-size: cover;
}


.titlework li#grandarche::after {
content: "";
background-image:url("../img/background/grandearche.jpg");
background-size: cover;
}

.titlework li#villepoixgalerie::after {
content: "";
background-image:url("../img/background/villepoixgalerie.jpg");
background-size: cover;
}

.titlework li#galeriedefrance::after {
content: "";
background-image:url("../img/background/galeriedeFrance.jpg");
background-size: cover;
}
.titlework li#galeriejeannebucherjaeger::after {
content: "";
background-image:url("../img/background/galeriejeannebucherjaeger.jpg");
background-size: cover;
}


.titlework li#grandpalais::after {
content: "";
background-image:url("../img/background/grandpalais.jpg");
background-size: cover;
}


.titlework li#grenoble::after {
    content: "";
background-image:url("../img/background/grenoble.jpg");
background-size: cover;
}

.titlework li#hoteldevilleparis::after {
    content: "";
background-image:url("../img/background/hoteldeville.jpg");
background-size: cover;
}


.titlework li#monalisa::after {
    content: "";
background-image:url("../img/background/monalisa.jpg");
background-size: cover;
}

.titlework li#ima::after {
    content: "";
background-image:url("../img/background/ima.jpg");
background-size: cover;
}

.titlework li#institutfrancaisderabat::after {
    content: "";
background-image:url("../img/background/rabat1.jpg");
background-size: cover;
}



.titlework li#ina::after {
    content: "";
background-image:url("../img/background/ina.jpg");
background-size: cover;
}


.titlework li#institutlumiere::after {
    content: "";
background-image:url("../img/background/institutlumiere.jpg");
background-size: cover;
}

.titlework li#institutnationaldupatrimoine::after {
    content: "";
background-image:url("../img/background/institutnationaldupatrimoine.jpg");
background-size: cover;
}

.titlework li#jardinjardin::after {
    content: "";
background-image:url("../img/background/jardinjardin.jpg");
background-size: cover;
}



.titlework li#jeudepaume::after {
    content: "";
background-image:url("../img/background/jeudepaume.jpg");
background-size: cover;
}



.titlework li#magasin::after {
    content: "";
background-image:url("../img/background/magasin.jpg");
background-size: cover;
}


.titlework li#maisonjapon::after {
    content: "";
background-image:url("../img/background/maisonjapon.jpg");
background-size: cover;
}

.titlework li#miam::after {
    content: "";
background-image:url("../img/background/miam.jpg");
background-size: cover;
}

.titlework li#sevres::after {
    content: "";
background-image:url("../img/background/sevres.jpg");
background-size: cover;
}

.titlework li#mas::after {
    content: "";
background-image:url("../img/background/mas.jpg");
background-size: cover;
}

.titlework li#shoahmemorial::after {
content: "";
background-image:url("../img/background/shoahmemorial.jpg");
background-size: cover;
}

.titlework li#mobiliergobelins::after {
content: "";
background-image:url("../img/background/mobiliernational.jpg");
background-size: cover;
}



.titlework li#mamvp::after {
content: "";
background-image:url("../img/background/mamvp.jpg");
background-size: cover;
}

.titlework li#mahj::after {
content: "";
background-image:url("../img/background/lejuiferrant.jpg");
background-size: cover;
}



.titlework li#Museedesartsdecoratifs::after {
content: "";
background-image:url("../img/background/Museedesartsdecoratifs.jpg");
background-size: cover;
}



.titlework li#museedesartsetraditionspopulaires::after {
content: "";
background-image:url("../img/background/museedesartsetraditionspopulaires1.jpg");
background-size: cover;
}



.titlework li#museebeauxartnancy::after {
content: "";
background-image:url("../img/background/museebeauxartnancy.jpg");
background-size: cover;
}

.titlework li#museebeauxartrouen::after {
content: "";
background-image:url("../img/background/museebeauxartrouen.jpg");
background-size: cover;
}



.titlework li#museebeauxartvalencienne::after {
content: "";
background-image:url("../img/background/museebeauxartvalencienne.jpg");
background-size: cover;
}

.titlework li#museebourdelle::after {
content: "";
background-image:url("../img/background/bourdellellogo.png");
background-size: cover;
}



.titlework li#mnaao::after {
content: "";
background-image:url("../img/background/galerie5continents.jpg");
background-size: cover;
}



.titlework li#mnmf::after {
content: "";
background-image:url("../img/background/mnmf.jpg");
background-size: cover;
}

.titlework li#portroyal::after {
content: "";
background-image:url("../img/background/portroyal.jpg");
background-size: cover;
}




.titlework li#museedelacroix::after {
content: "";
background-image:url("../img/background/lemaroc.jpg");
background-size: cover;
}

.titlework li#museepicasso::after {
content: "";
background-image:url("../img/background/photograophie.jpg");
background-size: cover;
}

.titlework li#montbeliard::after {
content: "";
background-image:url("../img/background/museemontbeliard.jpg");
background-size: cover;
}

.titlework li#strasbourg::after {
content: "";
background-image:url("../img/background/oeilmoteur.jpg");
background-size: cover;
}



.titlework li#museevilledeparisjournal::after {
content: "";
background-image:url("../img/background/museeparisjournal.jpg");
background-size: cover;
}



.titlework li#cahors::after {
    content: "";
background-image:url("../img/background/cahors.jpg");
background-size: cover;
}

.titlework li#public::after {
    content: "";
background-image:url("../img/background/public1.jpg");
background-size: cover;
}


.titlework li#ratp::after {
    content: "";
background-image:url("../img/background/ratpmontparnasse.jpg");
background-size: cover;
}

.titlework li#renault::after {
    content: "";
background-image:url("../img/background/renault.jpg");
background-size: cover;
}

.titlework li#RMN::after {
    content: "";
background-image:url("../img/background/RMN.jpg");
background-size: cover;
}

.titlework li#samsung::after {
    content: "";
background-image:url("../img/background/samsung.jpg");
background-size: cover;
}

.titlework li#sema::after {
    content: "";
background-image:url("../img/background/semainvitation.jpg");
background-size: cover;
}

.titlework li#tokiokumagai::after {
    content: "";
background-image:url("../img/background/tokiokumagai.jpg");
background-size: cover;
}



.titlework li#expo::after {
    content: "";
background-image:url("../img/background/exponimes.jpg");
background-size: cover;
}


.titlework li#refuse::after {
    content: "";
background-image:url("../img/background/refuse.jpg");
background-size: cover;
}
















/* ---------------------------------------page travaux--------------------------------------- */




#entete1{
padding-top:40px;		
padding-bottom:30px;	
padding-left:20px;

font-family:'Futura std', 'Futura', Helvetica, sans-serif, arial;
display:flex;

font-size:20px; 
background-color:#fcfcfc;

}

#entete1 a{
position:fixed;
margin-top:-30px;
padding-top:30px;
height:100px;
margin-left:-17px;
padding-left:17px;
margin-right:-17px;
padding-right:17px;

}


#entete1 H1{
padding-left:60px;
}


.part1 {
 
    text-decoration: none;
    border-top: 1px solid #000;
    margin-bottom: 30px;
}


.soustitretrav{
font-size:14px;
margin-top:45px;		
margin-bottom:12px;	
margin-left:80px;
font-family: 'Futura std', 'Futura', Helvetica, sans-serif, arial; 
line-height:1.4;
}

.comtrav{
font-size:14px;
margin-top:10px;		
margin-bottom:40px;	
margin-left:80px;
font-family: 'Futura std', 'Futura', Helvetica, sans-serif, arial; 
line-height:1.35;
}



.corps1 ul {
    text-decoration: none;
    margin-top: 10px;
    margin-bottom: 10px;
    background-color: ;
    margin-left:80px;
font-family: 'Futura std', 'Futura', Helvetica, sans-serif, arial;
}

.corps1 li {
    display: inline-block;
    text-decoration: none;
    font-family: 'Futura std', 'Futura', Helvetica, sans-serif, arial;
    margin-right: 45px;
    
}




.blue img{
max-width:600px;
max-height:500px; 
padding-bottom:20px;
}


#line1{
border-top: 1px solid #000;
padding-top: 10px;
}

#work1 .titlework{
padding-top: 30px;
}

.travaux a{
width:100%;
height:100%;
display:flex;
justify-content:center;
align-items: center;
font-family: 'Futura std', 'Futura', Helvetica, sans-serif, arial;
}

/* ---------------------------------------page CV--------------------------------------- */







#cv1{
font-size:12px;
margin-top:15px;		
margin-bottom:30px;	
margin-left:35px;
font-family: 'Futura', Helvetica, sans-serif, arial;
font-weight: 100;
Line-Height: 20pt;
}

#cv1 p{	

}

#cv1 span{	
font-weight: 900;
font-size:12px;
}

.titlework li:nth-child(n+91) {
 /*display:none; resizeBB*/
}    

/* ---------------------------------------Mediaqueries--------------------------------------- */

@media only screen and (min-width: 1299px) {

.titlework {
   /* margin-left: 5%;
    margin-right: 5%;*/

    font-family: Furura std, Futura, Helvetica, Arial, sans-serif;
    font-weight: bold;    
}

#listwork {
    display: flex;
    flex-flow: row wrap;
    justify-content:center;

}

.titlework li {
position:relative;
display:flex;
justify-content: center;
align-items:center;
text-align:center;
width: calc(100%/6 - 1px);
border-style: solid;
border-left-width: 1px;
border-bottom-width: 1px;

}



.titlework li:nth-child(6n) {
    border-right: solid;
    border-right-width: 1px;
    width: calc(100%/6 - 3px);
}

/*.titlework li:nth-child(30) ~ li {
    border-bottom: solid;
    border-bottom-width: 1px;
}*/

.titlework li:nth-child(-n+6) {
    border-style: solid;
    border-top-width: 1px;
}
    




.titlework a {
    font-size:16px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 95%;
    line-height: 1.5;
    color: #104be0;
    /*color: #0e46d3;*/
    /*color: #1553f0;*/
}
    



#work1 .titlework  li:nth-child(n+7) {
        display:none;  
}
    
    
}
    


@media only screen and (min-width : 1079px) and (max-width:1300px) {

.titlework {
   /* margin-left: 5%;
    margin-right: 5%;*/

    font-family: Furura std, Futura, Helvetica, Arial, sans-serif;
    font-weight: bold;    
}

#listwork {
    display: flex;
    flex-flow: row wrap;
    justify-content:center;

}

.titlework li {
position:relative;
display:flex;
justify-content: center;
align-items:center;
text-align:center;
width: calc(20% - 1px);
border-style: solid;
border-left-width: 1px;
border-bottom-width: 1px;
}



.titlework li:nth-child(5n) {
    border-right: solid;
    border-right-width: 1px;
    width: calc(20% - 3px);
}

/*.titlework li:nth-child(30) ~ li {
    border-bottom: solid;
    border-bottom-width: 1px;
}*/

.titlework li:nth-child(n+61) {
/*display:none; resizeBB*/
}    
    
.titlework li:nth-child(-n+5) {
    border-style: solid;
    border-top-width: 1px;
}



.titlework a {
    font-size:16px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 95%;
    line-height: 1.5;
    color: #104be0;
    /*color: #0e46d3;*/
    /*color: #1553f0;*/
}


 #work1 .titlework  li:nth-child(n+6) {
        display:none;  
}   
    
}
    





@media only screen and (min-width : 799px) and (max-width : 1080px) { 

 

.titlework {
   /* margin-left: 5%;
    margin-right: 5%;*/

    font-family: Furura std, Futura, Helvetica, Arial, sans-serif;
    font-weight: bold;    
}

#listwork {
    display: flex;
    flex-flow: row wrap;
    justify-content:center;

}

.titlework li {
position:relative;
display:flex;
justify-content: center;
align-items:center;
text-align:center;
width: calc(25% - 1px);
border-style: solid;
border-left-width: 1px;
border-bottom-width: 1px;
}



.titlework li:nth-child(4n) {
    border-right: solid ;
    border-right-width: 1px;
    width: calc(25% - 3px);
}

/*.titlework li:nth-child(30) ~ li {
    border-bottom: solid;
    border-bottom-width: 1px;
}*/

.titlework li:nth-child(-n+4) {
    border-style: solid;
    border-top-width: 1px;
}
    
.titlework a {
    font-size:16px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 95%;
    line-height: 1.5;
    color: #104be0;
    /*color: #0e46d3;*/
    /*color: #1553f0;*/
}

 #work1 .titlework  li:nth-child(n+5) {
        display:none;  
} 
    
.titlework li:nth-child(n+61) {
/*display:none; resizeBB*/
}    

    

}
    

@media only screen and (min-width : 522px) and (max-width : 800px) { 

 

.titlework {
   /* margin-left: 5%;
    margin-right: 5%;*/

    font-family: Furura std, Futura, Helvetica, Arial, sans-serif;
    font-weight: bold;    
}

#listwork {
    display: flex;
    flex-flow: row wrap;
    justify-content:center;

}

.titlework li {
position:relative;
display:flex;
justify-content: center;
align-items:center;
text-align:center;
width: calc(100% / 3 - 1px);
border-style: solid;
border-left-width: 1px;
border-bottom-width: 1px;
}



.titlework li:nth-child(3n) {
    border-right: solid ;
    border-right-width: 1px;
    width: calc(100% / 3 - 3px);
}

/*.titlework li:nth-child(30) ~ li {
    border-bottom: solid;
    border-bottom-width: 1px;
}*/

.titlework li:nth-child(-n+3) {
    border-style: solid;
    border-top-width: 1px;
}

.titlework a {
    font-size:16px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 95%;
    line-height: 1.5;
    color: #104be0;
    /*color: #0e46d3;*/
    /*color: #1553f0;*/
}


 #work1 .titlework  li:nth-child(n+4) {
        display:none;  
}  
    

.blue img{
max-width:500px;
max-height:400px; 
padding-bottom:20px;
}
    
.titlework li:nth-child(n+61) {
/*display:none; resizeBB*/
}    

}



@media only screen and (min-width : 300px) and (max-width : 521px) { 

 

.titlework {
   /* margin-left: 5%;
    margin-right: 5%;*/

    font-family: Furura std, Futura, Helvetica, Arial, sans-serif;
    font-weight: bold;    
}

#listwork {
    display: flex;
    flex-flow: row wrap;
    justify-content:center;

}

.titlework li {
position:relative;
display:flex;
justify-content: center;
align-items:center;
text-align:center;
width: calc(50% - 1px);
border-style: solid;
border-left-width: 1px;
border-bottom-width: 1px;
}



.titlework li:nth-child(2n) {
    border-right: solid ;
    border-right-width: 1px;
    width: calc(50% - 3px);
}

/*.titlework li:nth-child(30) ~ li {
    border-bottom: solid;
    border-bottom-width: 1px;
}*/

.titlework li:nth-child(-n+2) {
    border-style: solid;
    border-top-width: 1px;
}

.titlework a {
    font-size:16px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 95%;
    line-height: 1.5;
    color: #104be0;
    /*color: #0e46d3;*/
    /*color: #1553f0;*/
}

 #work1 .titlework  li:nth-child(n+3) {
        display:none;  
}  
    

.blue img{
max-width:250px;
max-height:350px; 
padding-bottom:20px;
}
    
.titlework li:nth-child(n+61) {
/*display:none; resizeBB*/
}        

}





@media only screen and (min-width : 1px) and (max-width : 299px) { 

 

.titlework {
   /* margin-left: 5%;
    margin-right: 5%;*/

    font-family: Furura std, Futura, Helvetica, Arial, sans-serif;
    font-weight: bold;    
}

#listwork {
    display: flex;
    flex-flow: row wrap;
    justify-content:center;

}

.titlework li {
position:relative;
display:flex;
justify-content: center;
align-items:center;
text-align:center;
width: calc(50% - 1px);
border-style: solid;
border-left-width: 1px;
border-bottom-width: 1px;
}



.titlework li:nth-child(2n) {
    border-right: solid ;
    border-right-width: 1px;
    width: calc(50% - 3px);
}

/*.titlework li:nth-child(30) ~ li {
    border-bottom: solid;
    border-bottom-width: 1px;
}*/

.titlework li:nth-child(-n+2) {
    border-style: solid;
    border-top-width: 1px;
}
    
.titlework a {
    font-size:16px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 95%;
    line-height: 1.5;
    color: #104be0;
    /*color: #0e46d3;*/
    /*color: #1553f0;*/
}


 #work1 .titlework  li:nth-child(n+2) {
        display:none; 
}  
    
.blue img{
max-width:250px;
max-height:150px; 
padding-bottom:20px;
}
    
.titlework li:nth-child(n+61) {
 /*display:none;  resizeBB  */
}    

}