input.u1Saved, input.u2Saved {
color: #f9f9f9 ;
font-weight: 700px;
background-color:#4d5f77;
width: 150px; 
height: 40px;
border-radius: 50px;
border: none;
float: right;
margin-top: 40px;
margin-bottom: 20px;
border: 2px solid #c7cdda;
}

input.u1Saved, input.uHome {
margin-right: 100px;
}

input.u2Saved {
margin-right: 10px;
}

input.u1Saved:hover, input.u2Saved:hover { 

background-color: #647c9b !important;
}

input.uHome {
color: #f9f9f9 ;
font-weight: 700px;
background-color:#c00000;
width: 150px; 
height: 40px;
border-radius: 50px;
border: none;
float: right;
margin-top: 40px;
margin-bottom: 20px;
border: 2px solid #f9f9f9;
}

input.uHome:hover {
	  background: #8e0000 !important; 
}
.logged-inlogo {
margin-top: 30px;
margin-left: 160px;
padding: 5px 10px;
background: #FFF;
border-radius: 5px;
border: 1px solid #000;
}

/* DISCLAIMIR I CHANGED THE NAME INPUT.UTY01 ( A CLASS I LEARNED WAS CONNECTED TO REALLY NOTHING) TO INPUT.U2SAVED (WHICH IS THE SECOND BTN) */

@media only screen 
and (min-device-width: 768px) 
and (max-device-width: 1200px) 
and (orientation: portrait) 
and (-webkit-min-device-pixel-ratio: 1) {
input.u1Saved, input.u2Saved {

margin-bottom: 40px;
font-size: 12pt;
}
}



@media only screen 
and (max-device-width: 767px) 
and (orientation: portrait) 
and (-webkit-min-device-pixel-ratio: 1) {
input.u1Saved, input.u2Saved {
margin-top: 10px;
margin-right: 36px;
margin-bottom: 20px;
margin-left: 0px;

}
}

@media only screen 
and (max-device-width: 767px) 
and (orientation: landscape) 
and (-webkit-min-device-pixel-ratio: 1) {
.logged-inlogo {
margin-left: 0px;
}

input.u1Saved {
margin-right: 10px;
margin-left: 0px;
}

input.u2Saved {
margin-right: 10px;
margin-left: 0px;
}

}
/* For Small Iphones */ 
@media only screen 
and (min-device-width: 0px) 
and (max-device-width: 413px) 
and (orientation: portrait) 
and (-webkit-min-device-pixel-ratio: 1) {
input.u1Saved, input.u2Saved {
margin-top: 10px;
margin-right: 24px;
margin-bottom: 20px;
margin-left: 0px;

}
}