@charset "utf-8";
/* CSS Document */



/* GENERAL RULES */
html, body {margin: 0; padding: 0; border: 0;} /* remove left, right margins for all div frames (jpg, video) */

body {background:#FFF; color:#000;}


p { margin:0; font-family:Arial; font-weight:bold;}

a { color:#000; text-decoration: none; }

a:link { -webkit-tap-highlight-color: transparent; }

img { width: 100%; margin-left: auto; margin-right: auto; margin-top:0; margin-bottom:0;  padding:0; display:block;}
/* GENERAL RULES */



/* ABOUT PAGES */
.myphoto{ margin-left:0%; margin-right:0%;margin-top: 0; margin-bottom: 30px; display:block !important; }


.myphotoreplace { margin-left:0%; margin-right:0%;margin-top: 0; margin-bottom: 30px;display:none!important;}


.logo{ margin-left:35%; margin-right:35%; margin-top: 120px; margin-bottom: 100px; }
/* ABOUT PAGES */


/* TITLE */	
#container {background:#FFF; margin:0; padding:0; border:0;}

.titlerus { font-family: Arial; font-weight:100;  font-size:25px; text-align:center; margin: 0px; padding-top:50px; padding-bottom:10px; color:#F0F; }

.titletworus { font-family: Arial; font-weight:100;  font-size:25px; text-align:center; margin: 0px; padding-bottom:10px; color:#F0F; }

.titlethreerus { font-family: Arial; font-weight:100; font-size:25px; text-align:center; padding-bottom:50px; color:#F0F;}

.title { font-family: Arial; font-weight:100;  font-size:25px; text-align:center; margin: 0px; padding-top:50px; padding-bottom:10px; color:#000;  }

.titletwo { font-family: Arial; font-weight:100;  font-size:25px; text-align:center; margin: 0px; padding-bottom:50px; color:#000;  }

.titlethree { font-family: Arial; font-weight:100; font-size:25px; text-align:center; padding-bottom:50px; color:#000; }
/* TITLE */	


* --------------------VIDEO START-------------------*/


/* video rules start*/
.video-responsive { 
  position: relative; 
  padding-bottom: 56.25%; 
  height: 0; 
  overflow:hidden;
  display:block; 
} 
.video-responsive iframe, 
.video-responsive object, 
.video-responsive embed {
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%;
  height: 100%;
  display:block;  
}



/*
<div class="video-responsive">
  <iframe width="auto" height="auto" src="https://www.youtube.com/embed/wc8de7Rlg30" frameborder="0" allowfullscreen></iframe>
</div>


 video rules end*/



/* video rules start*/

.video {
position: relative; 
padding-bottom: 56.25%;

}


.video iframe {
position: absolute;
width: 100%; 
height: 100%; 
}


.another-container {
max-width: 1400px;
margin-left: 13%;
margin-right:13%;
}


.another-container2 {
max-width: 1400px;
margin-left: 13%;
margin-right:13%;
padding-bottom:65px;
}


/* --------------------VIDEO END-------------------*/


/*TEXT*/


.text { text-align:center;
margin-top:25px;
margin-left:20%;
margin-right:20%;
margin-bottom:50px;
font-style:normal;
color:#000;
font-family:Arial; 
font-size:20px; 
font-weight:100;}


.textthree { text-align:center;
margin-top:50px;
margin-left:20%;
margin-right:20%;
margin-bottom:50px;
font-style:normal;
color:#000;
font-family:Arial; 
font-size:20px; 
font-weight:100;}


.textrus { text-align:center;
margin-top:25px;
margin-left:20%;
margin-right:20%;
margin-bottom:50px;
font-style:normal;
color:#999;
font-family:Arial; 
font-size:20px; 
font-weight:100;}
/*TEXT*/

/*TEXT*/

.textabout { text-align:center;
margin-top:35px;
margin-left:30%;
margin-right:30%;
margin-bottom:50px;
font-style:normal;
color:#000;
font-family:Arial; 
font-size:35px; 
font-weight:100;}



/*IMAGES*/
.cosmetics { margin-left:20%; margin-right:20%; }
.stand { margin-left:20%; margin-right:20%; }
.displaystand { margin-left:20%; margin-right:20%; }
.air{ margin-left:20%; margin-right:20%; margin-bottom: 20px; }
.amoeba{ margin-left:20%; margin-right:20%; margin-bottom: 20px; }
.bar{ margin-left:20%; margin-right:20%; margin-bottom: 20px; }
.mussi{ margin-left:20%; margin-right:20%; margin-bottom: 20px; }
.tea{ margin-left:20%; margin-right:20%; margin-bottom: 20px; }
.aboutnew{ margin-left:15%; margin-right:15%; margin-bottom: 20px; }

.cv{ margin-left:30%; margin-right:30%; margin-bottom: 40px; margin-top: 20px; }

.orbit{ margin-left:20%; margin-right:20%; margin-bottom: 20px; }
.milla{ margin-left:20%; margin-right:20%; margin-bottom: 20px; }
.image{ margin-left:20%; margin-right:20%; margin-bottom: 20px; }
.x{ margin-left:25%; margin-right:25%; margin-bottom: 20px; }
.ffc{ margin-left:25%; margin-right:25%; margin-bottom: 20px; }
.invisible{ margin-left:25%; margin-right:25%; margin-bottom: 20px; }
.invisible2{ margin-left:40%; margin-right:40%; margin-bottom: 20px; }
.miller  {display:block !important; }
.millerreplace {display:none!important;}


/*IMAGES*/




/*BUTTON*/
#but  { 
position: fixed;
z-index: 800;
bottom: 5%;
right: 5%;
width: 70px;}

.blackline
{

text-align:center;
background:#FFF;
color:#FFF;
font-size:36px;
padding-top:40px;
padding-bottom:40px;
clear:left;
}


.blackline2
{

text-align:center;
background:#FFF;
color:#FFF;
font-size:5px;
padding-top:5px;
padding-bottom:5px;
clear:left;
}

/*BUTTON*/





/* MOBILE VERTICAL */

@media screen and (max-width: 500px) {
	


/* ABOUT PAGES */
.logo{ margin-left:30%; margin-right:30%;margin-top: 100px; margin-bottom: 100px; }



.myphoto{ margin-left:0%; margin-right:0%;margin-top: 0; margin-bottom: 30px; display:none!important; }


.myphotoreplace { margin-left:0%; margin-right:0%;margin-top: 0; margin-bottom: 30px;display:block!important;}

.title { font-family: Arial; font-weight:100;  font-size:25px; text-align:center; margin: 0px; padding-top:50px; padding-bottom:10px; color:#000;  }

.titletwo { font-family: Arial; font-weight:100;  font-size:25px; text-align:center; margin: 0px; padding-bottom:50px; color:#000;  }


/* ABOUT PAGES */


/*IMAGES*/
.cosmetics { margin-left:0; margin-right:0; }
.stand { margin-left:0; margin-right:0; }
.displaystand { margin-left:0; margin-right:0; }
.air{ margin-left:0; margin-right:0; margin-bottom: 20px; }
.amoeba{ margin-left:0; margin-right:0; margin-bottom: 20px; }
.bar{ margin-left:0; margin-right:0; margin-bottom: 20px; }
.mussi{ margin-left:0; margin-right:0; margin-bottom: 20px; }
.tea{ margin-left:0; margin-right:0; margin-bottom: 20px; }
.orbit{ margin-left:0; margin-right:0; margin-bottom: 20px; }
.milla{ margin-left:0; margin-right:0; margin-bottom: 20px; }
.image{ margin-left:0; margin-right:0; margin-bottom: 20px; }
.x{ margin-left:0; margin-right:0; margin-bottom: 20px; }
.ffc{ margin-left:0; margin-right:0; margin-bottom: 20px; }
.invisible{ margin-left:0; margin-right:0; margin-bottom: 20px; }
.invisible2{ margin-left:0; margin-right:0; margin-bottom: 20px; }
.miller {display:none!important;}
.millerreplace {display:block!important;}

.cv{ margin-left:10%; margin-right:10%; margin-bottom: 20px; margin-top: 20px; }




/*IMAGES*/


/*TEXT*/


.text { text-align:center;
margin-top:25px;
margin-left:5%;
margin-right:5%;
margin-bottom:50px;
font-style:normal;
color:#000;
font-family:Arial; 
font-size:20px; 
font-weight:200;}

.textthree { text-align:center;
margin-top:25px;
margin-left:5%;
margin-right:5%;
margin-bottom:50px;
font-style:normal;
color:#000;
font-family:Arial; 
font-size:40px; 
font-weight:200;}

.textrus { text-align:center;
margin-top:25px;
margin-left:5%;
margin-right:5%;
margin-bottom:50px;
font-style:normal;
color:#03F;
font-family:Arial; 
font-size:20px; 
font-weight:200;}
/*TEXT*/

.textabout { text-align:center;
margin-top:25px;
margin-left:5%;
margin-right:5%;
margin-bottom:50px;
font-style:normal;
color:#000;
font-family:Arial; 
font-size:20px; 
font-weight:200;}



}




/* TABLET HORIZONTAL */

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




}



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

}




/* MOBILE HORIZONTAL */

@media screen and (max-width: 600px) {
}