a {text-decoration:none; font-weight:200; color:white;}

a:hover {text-decoration:none; font-weight:200; color:grey;}

hr { 
    display: block;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 10px;
border-color:skyblue;
} 

.button {
  padding: 5px;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
  outline: none;
  color: #165087;
  background-color: #c9e6fa;
  border: none;
  border-radius: 15px;
  text-transform: uppercase;
  width: 100%;
  display: block;
  margin-bottom: 3vh;
}

.button:hover {background-color: #165087; color: #c9e6fa;}

#PhotoStimulo {
	
float: left; 
border: 1px dotted black; 
margin: 0px 15px 15px 20px;
width:35%;
height:auto;
}


input {
    width: 100%;
    padding: 6px 10px;
    margin: 8px 0;
    box-sizing: border-box;
    margin-left: 0%;
    background-color: transparent;
    color: grey;
    border: solid silver 1px;
}

input::placeholder {
font-style: italic;
color:silver;
}

textarea {
width: 100%;
    padding: 6px 10px;
    margin: 8px 0;
    box-sizing: border-box;
    margin-left: 0%;
    background-color: transparent;
    color: grey;
	border: solid silver 1px;
}

textarea::placeholder {
font-style: italic;
color:silver;
}

.ButtonForm {
    background-color: transparent;
    border: 1px solid grey;
    color: grey;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 50px;
    width: 100%;
    margin-left: 0%;
}

.ButtonForm:hover {background-color: #80808087;}

#bureau
{	
background-color: black; /* Used if the image is unavailable */
background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
  min-height: 25vh; /* You must set a specified height */
  color:white;
}


/*  Galaxy Fold*/

@media only screen and (max-width: 359px)
{
  
.A {
margin-top: -15vw;	
margin-left: 0vw;	
}

.tClassA {
  font-size:1em;
   text-align:center;
   }

.sClassA {
  font-size:0.8em;
  text-align:center;
}

.ClassA {
  font-size:0.7em;
   text-align:center;
}


}

/* smartphone*/
@media only screen and (min-width: 360px) and (max-width:379px) 
{
  
.A {
margin-top: -15vw;	
margin-left: 0vw;	
}

.tClassA {
  font-size:1.5em;
   text-align:center;
   }

.sClassA {
  font-size:1em;
  text-align:center;
}

.ClassA {
  font-size:1em;
   text-align:center;
}


}
/* smartphone*/
@media only screen and (min-width: 380px) and (max-width:480px) 
{
.A {
margin-top: -15vw;	
margin-left: 0vw;	
}

.tClassA {
  font-size:1.5em;
   text-align:center;
   }

.sClassA {
  font-size:1em;
  text-align:center;
}

.ClassA {
  font-size:1em;
   text-align:center;
}

}



/* tablet*/
@media only screen and (min-width: 481px) and (max-width:767px) and (orientation: portrait)
{
.A {
margin-top: -15vw;	
margin-left: 0vw;	
}

.tClassA {
  font-size:1.5em;
   text-align:center;
   }

.sClassA {
  font-size:1em;
  text-align:center;
}

.ClassA {
  font-size:1em;
   text-align:center;
}


}
/* tablet*/
@media only screen and (min-width: 481px) and (max-width:768px) and (orientation: landscape)
{
	
ul#move li {

    height: 100vh;
}
.A {
margin-top: 0vw;	
margin-left: 0vw;	
}

.tClassA {
  font-size:2.5em;
   text-align:center;
   }

.sClassA {
  font-size:1.5em;
  text-align:center;
}

.ClassA {
  font-size:1em;
   text-align:center;
}




}



/* tablet */
@media only screen and (min-width: 768px)  and (max-width:1023px) and (orientation: portrait)
{

.A {
margin-top: -15vw;	
margin-left: 0vw;	
}

.tClassA {
  font-size:2.5em;
   text-align:center;
   }

.sClassA {
  font-size:1.5em;
  text-align:center;
}

.ClassA {
  font-size:1em;
   text-align:center;
}

}


/* laptop or large smartphone landscape*/
@media only screen and (min-width: 769px)  and (max-width:1023px) and (orientation: landscape)
{

ul#move li {

    height: 100vh;
}
.A {
margin-top: 0vw;
margin-left: 0vw;	
}

.tClassA {
  font-size:2.5em;
   text-align:center;

   }

.sClassA {
  font-size:1.5em;
  text-align:center;
}

.ClassA {
  font-size:1em;
   text-align:center;
}



}

/* large tablet portrait*/
@media only screen and (min-width: 1024px)  and (max-width:1200px) and (orientation: portrait) 
{
	
	.A {
margin-top: -15vw;	
margin-left: 0vw;	
}

.tClassA {
  font-size:3.5em;
   /*text-align:center;*/
   }

.sClassA {
  font-size:2.5em;
 /* text-align:center;*/
}

.ClassA {
  font-size:1em;
   text-align:center;
}


}
/* desktop*/
@media only screen and (min-width: 1024px)  and (max-width:1200px) and (orientation: landscape)
{

	.A {
margin-top: -15vw;	
margin-left: 0vw;	
}

.tClassA {
  font-size:3.5em;
   /*text-align:center;*/
   }

.sClassA {
  font-size:2.5em;
 /* text-align:center;*/
}

.ClassA {
  font-size:1em;
   text-align:center;
}


}
/* XL screen*/

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


}