html, body {        
 
	   
       padding: 0px;
       margin: 0px;

                  }

				  

html {
	
  display: block;

	 height: 100%;
	 width: 100%;
  }



body {
	   display: flex;
	   flex-direction: column;
	   
	   min-height: 100%;
	   min-width: 100%;

	   text-align: center;
	   background-color: #9999ee;

	

          }

  
 /* body  background-color: #9999ee;
	   
	   
       background-image: url("img/fon1.jpg");                      
       background-attachment: fixed;
       background-position: left top;
       background-repeat: repeat:     
       
	   
	   text-align: center;  */
				  
	   
/*
img {
	
    max-width: 100%;	
	
	
}

*/


 /* .imgn1 { 

     display: block;

     padding: 0px;
     margin: 0px;

          }  */


.imgn1_1 { 

     display: inline-block;
    
     align-self: center;

     max-width: 100%;

     max-height: 100%;

     padding: 0px;
     margin: 0px;

                    }



.imgn1_1q { 

     display: inline-block;
    
     align-self: center;

     width: 150px;

     height: 139px;

     padding: 0px;
     margin: 0px;

                    }




.imgn1 { 

     display: inline-block;

     padding: 0px;
     margin: 0px;

          }


.svg1 { 

     display: inline-block;

     padding: 0px;
     margin: 0px;

          }


.png1 {

     display: inline-block;

     padding: 0px;
     margin: 0px;

              }

div { 
     border-width: 2px;
     border-style: solid;
     border-color: #3333ff;
	 
     padding: 0px;
     margin: 0px;
	 
	 
                   }
				   
div.MainContent1 {   
              
		   display: flex;   
			  flex-direction: column;

    
			  flex: 1; 
			  
    text-align: left;

			  background-color: #0055bb;
			  
			  
			  
			  padding: 10px;
			  margin: 0px;	
	
             }
			 
div.content1q {   
              
    display: flex;

     height: auto;

     align-items: center;

     border-width: 2px;
     border-style: solid;
     border-color: #3333ff;

			  background-color: #00ff00;
			  
			  
			  
			  padding: 10px;
			  margin: 0px;	
	
             }

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

div.content1qq {   
              
    display: flex;

    flex-direction: column;

    /* flex: 1 1 auto; */

    height: auto;

    text-align: center;

    justify-content: center;

     border-width: 2px;
     border-style: solid;
     border-color: #3333ff;

			  background-color: #00ff00;

			  
			  padding: 10px;
			  margin: 0px;	
	
             }
               } 


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

div.content1qq {   
              
     display: flex;

     flex-direction: row;

    /* flex: 1 1 auto; */

     height: auto;

     text-align: center;

     justify-content: center;


     border-width: 2px;
     border-style: solid;
     border-color: #3333ff;

			  background-color: #00ff00;
			  
			  
			  
			  padding: 10px;
			  margin: 0px;	
	
             }
               } 


div.content2 {
 
     display: flex;
 
    
     flex: 1;

   /*  flex-wrap: wrap;

     justify-content: flex-start;

     align-content: flex-start; */


     border-width: 2px;
     border-style: solid;
     border-color: #3333ff;

     background-color: #00ff00;

     padding: 10px;
			   margin: 0px;	

                 }


div.Footer1 {   
            			  
		     display: block;
			  
       height: auto;
			  
			     background-color: #00bbbb;
			 
			  
			     padding: 10px;
			     margin: 0px;	
	
                      }

			 
@media screen and ( min-width: 0px ) {
div.direction1-1 {

    display: block;

    flex: 1;

     border-width: 2px;
     border-style: solid;
     border-color: #3333ff;

     background-color: #ffbb44;
 /*  #ffff00*/

    padding: 10px;
			  margin: 0px 0px 10px 0px;	



     } 


div.direction1-2 {

    display: block;

    flex: 1;

     border-width: 2px;
     border-style: solid;
     border-color: #3333ff;

     background-color: #ffbb44;
/*  #ffff00*/

    padding: 10px;
			  margin: 0px;	



     } 
        } 
	 


@media screen and ( min-width: 550px ) {
div.direction1-1 {

    display: inline-block;

     flex: 1 1 auto;
     
     width: 35%;

     border-width: 2px;
     border-style: solid;
     border-color: #3333ff;

     background-color: #ffbb44;
 /* #ff00ff */

    padding: 10px;
			  margin: 0px 10px 0px 0px;	



     } 


div.direction1-2 {

    display: inline-block;

     flex: 1 1 auto;

     width: 65%;

     border-width: 2px;
     border-style: solid;
     border-color: #3333ff;

     background-color: #ffbb44;
 /* #ff00ff */

    padding: 10px;
			  margin: 0px;	



     } 
        }


/* div.AlignSelf1 { 
               align-self: center;
			   justify-self: center           
                
              	
	
             }   */
		 
p {

  display: block;

  text-align: left;

  font-size: 16px;

  padding: 0px;
  margin: 0px;	
       } 





p.aligntext1 {

	    display: block;
			  
	    text-align: left;
			  
			  font-size: 16px;
			  font-style: normal;
			  font-weight: 500;
			  text-decoration: none;
			  font-family: "Verdana", sans-serif;
	/*		  font-family: "Times New Roman", serif; */
			  ;	


     padding: 0px;
		    margin: 0px;				  
	
                                             }



p.aligntext2-1 {

	    display: block;
			  
	    text-align: center;
			  
			  font-size: 16px;
			  font-style: normal;
			  font-weight: 500;
			  text-decoration: none;
			  font-family: "Verdana", sans-serif;
	/*		  font-family: "Times New Roman", serif; */
			  ;	


     padding: 0px;
		    margin: 0px;				  
	
                                             }


p.aligntext3-1 {

	    display: block;
			  
	    text-align: left;
			  
			  font-size: 16px;
			  font-style: normal;
			  font-weight: 500;
			  text-decoration: none;
			  font-family: "Verdana", sans-serif;
	/*		  font-family: "Times New Roman", serif; */
			  ;	


     padding: 0px;
		    margin: 0px;				  
	
                                             }


p.align-footer-1 {
	          
			  display: block;
			  
	   text-align: left;
			  
			  font-size: 15px;
			  font-style: normal;
			  font-weight: normal;
			  text-decoration: none;
			  font-family: "Verdana", sans-serif;
			  
			  padding: 0px;
		   margin: 0px 10px 0px 2
10px;
	
                                                 }