.clasesaro {
  position: right;
  top: 50%;
  left: 50%;

/*  transform: translate(20%, 20%);*/
  color: black;
  text-align: center;
  }


.mystyle{
/*margin-top: 30px;*/
color: black;	
height: 100%;
/*padding-top: -190px;*/
padding-top: 100px;

}

.whitediv{
 width: 45%;
 height: 110%;
/* align-self: right;*/
/*margin-top: -175px;*/
/*padding-top: -190px;*/
}



div#myDiv {
-ms-transform: matrix(1, 0, 0.5, 1, 120, 0); /* IE 9 */
transform: matrix(1, 0, 0.5, 1, 120, 0); /* Standard syntax */
}

div#myDiv3 {
-ms-transform: matrix(1, 0, -0.5, 1, 15, 0); /* IE 9 */
transform: matrix(1, 0, -0.5, 1, 15, 0); 
 }

div#myDiv2 {
-ms-transform: matrix(1, 0, -0.5, 1, 15, 0); /* IE 9 */
transform: matrix(1, 0, -0.5, 1, 15, 0); 
 } 

.arotituloclases{padding-top: 150px;} 

h2.mobaroclas {font-size: 35px !important; }
p.mobaroclas{font-size: 18px !important; }
h3.mobaroclas {font-size: 25px !important; }
/*.drc{margin-right: 50px;;}*/
.izq{margin-left: -50px;}
.izq1{margin-left: 50px;}
.izq2{margin-left: 50px;}

@media screen and (min-width: 601px) {
h2.mobaroclas {font-size: 35px !important;}
p.mobaroclas{font-size: 18px !important;}
h3.mobaroclas {font-size: 25px !important;}
}

/* If the screen size is 600px wide or less, set the font-size of <div> to 30px */
@media screen and (max-width: 600px) {
  h2.mobaroclas {font-size: 20px !important;}
  p.mobaroclas{font-size: 14px !important;}
  h3.mobaroclas {font-size: 20px !important;}
}

.fwhite{background-color: white;}

input.fffwhite[type=submit] {
  background-color: white;
  border: none;
  cursor: pointer;
}

input.fffwhite[type=submit]:hover {
  background-color: white;
  font-weight: bold;
}