#logotipo{
    width: 80px;
    margin-left: 20px;
}
#desarrollo{
    margin-left: 150px ;
    position: absolute; 
    color: #f1c345; 
    font-size: 50px; 
    margin-top: -100px;
}
#sistema{
    margin-left: 150px;
    position: absolute; 
    color: #f1c345; 
    font-size: 30px; 
    margin-top: -40px; 
    color: white;
}
#nosotros{
    font-family: 'Quicksand', sans-serif;
    text-align: center;
}
#redes{
    color: #f1c345
}
#red{
    color: #f1c345
}



/*===================================== ESCRITORIO, SCREENS GRANDES ====*/ 
@media only screen and (min-width: 1200px) {

}



/*=========================================== ESCRITORIO < 1200px ====*/
@media only screen and (max-width: 1200px) {
}



/*============================================= IPAD PAISAJE ====*/
@media only screen and (max-width: 1024px) {
}



/*=============================================  ====*/
@media handheld, only screen and (max-width: 900px) {
}


/*============================================== IPAD RETRATO ====*/
@media handheld, only screen and (max-width: 768px) {
}


/*==============================================  GALAXY NOTE====*/
@media handheld, only screen and (max-width: 640px) {
}


/*=========================================== IPHONE PAISAJE ====*/
@media handheld, only screen and (max-width: 480px) {
    #logotipo{
        width: 250px;
        margin-top: -600px;
        margin-left: 45px;
    }
    #desarrollo{
        margin-left: -5px;
        font-size: 20px;
    }
    #sistema{
        width: 350px;
        margin-left: -5px;
        font-size: 15px;
        margin-top: -60px;
    }
    #abo{
        margin-top: -90px;
    }
    #nosotros{
        margin-top: -180px;
    }
    #redes{
        position: absolute;
        margin-left: 170px;
        margin-top: -117px;
    }
    #red{
        position: absolute;
        margin-left: 180px;
        margin-top: -117px;
    }
}


/*============================================ IPHONE RETRATO ====*/
@media handheld, only screen and (max-width: 330px) {
}



/*============================================ SCREEN PEQUEÑOS ====*/
@media handheld, only screen and (max-width: 240px) {   
}