.tridcont1x1
{
	 width:100vw;
	 height:100vh;

}

@media only screen and ( max-width: 1000px )  
{
	   .tridcont1x1  
	   {
		width:1000px; 
	    height:1000px; 
        }
}
	
@media only screen and ( max-width: 950px )  
{
	   .tridcont1x1  
	   {
		width:950px; 
	    height:950px; 
        }		
}

@media only screen and ( max-width: 900px )  
{
	   .tridcont1x1  
	   {
		width:900px; 
	    height:900px; 
        }		
}
	
@media only screen and ( max-width: 850px )  
{
	   .tridcont1x1  
	   {
		width:850px; 
	    height:850px; 
        }		
}

@media only screen and ( max-width: 800px )  
{
	   .tridcont1x1  
	   {
		width:800px; 
	    height:800px; 
        }		
}
	
@media only screen and ( max-width: 750px )  
{
	   .tridcont1x1  
	   {
		width:750px; 
	    height:750px; 
        }
}
	
@media only screen and ( max-width: 700px )  
{
	   .tridcont1x1  
	   {
		width:700px; 
	    height:700px; 
        }
}

@media only screen and ( max-width: 650px )  
{
	   .tridcont1x1  
	   {
		width:650px; 
	    height:650px; 
	    }
}	
	
@media only screen and ( max-width: 600px )  
{
	   .tridcont1x1  
	   {
		width:600px; 
	    height:600px; 
	    }
}
	
@media only screen and ( max-width: 550px )  
{
	   .tridcont1x1  {
		width:550px; 
	    height:550px; 
	    }
}
	
@media only screen and ( max-width: 500px )  
{
	   .tridcont1x1  {
		width:500px; 
	    height:500px; 
	    }
}
	
@media only screen and ( max-width: 450px )  
{
	   .tridcont1x1  {
		width:450px; 
	    height:450px; 
        }
}

@media only screen and ( max-width: 400px )  
{
	   .tridcont1x1  {
		width:400px; 
	    height:400px; 
        }
}

@media only screen and ( max-width: 350px )  
{
	   .tridcont1x1  {
		width:350px; 
	    height:350px; 
        }
}

body 
{ 
overflow-y:  hidden; 
overflow-x:  hidden;
margin:0;
font-family: Geneva, Arial, Helvetica, sans-serif;
}
	

.field
{
	display: flex;
	height:100vh;
}
.stylecont
{
    margin: auto;

}