@font-face{
   
	font-family: "script";
	src: url('SCRIPTBL.ttf');

}
@media screen and (min-width: 360px){
    .norm {
        width:300px;
        margin:0;
        margin-left:8%;
        margin-top:30%;

    }
    .bask{
        margin-top:35%;
    }
    .billet{
        width:150px;
        height:50px;
        margin-left:15px;
    }
    .invite{
        margin:0;
        margin-top:25px;
        margin-left:38px;
        width:250px;
        height:300px;
    }
    select{
        margin-top:45%;
        margin-left:14%;
        width:70px;
        height:20px;
        font-size: 8px;
        font-family: "script";
    }
    .hibou{
        height: 20px;
        width: 70px;
        margin-top: 50%;
        margin-left: 50%;
    }
    .tete img{
        
        margin-left:5%;
        width:300px;
        height:150px;      
    }
    #image img{
        margin:0;
      
        width:300px;
        height:300px; 
    } 
    #image {
        margin:0;
        margin-left:5%;
        width:300px;
        height:180px; 
    }
}
@media screen and (width: 320px){
    .norm {
        width:280px;
        margin:0;
        margin-left:7%;
        margin-top:30%;

    }
    .billet{
        width:80px;
        height:50px;
        margin-left:15px;
    }
    .invite{
        margin:0;
        margin-top:10px;
        margin-left:38px;
        width:260px;
        height:300px;
    }
    select{
        margin-top:44%;
        margin-left:14%;
        width:50px;
        height:20px;
        font-size: 8px;
        font-family: plumBAE;
    }
    .hibou{
        height: 20px;
        width: 70px;
        margin-top: 47%;
        margin-left: 50%;
    }
    .tete img{
        margin:0;

        width:280px;
        height:150px;      
    }
    #image img{
        margin:0;

        width:300px;
        height:150px; 
    } 
    #image {
        margin:0;

        width:150px;
        height:150px; 
    }
}
}
@media screen and (min-width: 412px){
    .norm {
        width:300px;
        margin:0;
        margin-left:12%;
        margin-top:30%;

    }
    select{
        margin-top:44%;
        margin-left:14%;
        width:50px;
        height:20px;
        font-size: 8px;
        font-family: PlumBAL Normal;
    }
}
@media screen and (height: 667px){


}
@media screen and (height: 736px){


}
@media screen and (height: 1366px){


}