/* General Demo Style */

/*
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);
*/

@import 'font.css';

body, html { 
/*    
    font-size: 62.5%; 
*/
    font-size: 100%; 	
    padding: 0; 
    margin: 0;
}

/* Reset */
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


body {
    font-family:'Conv_oranda-bt-condensed hu2';
/*    
    font-family: 'Lato', Calibri, Arial, sans-serif;
    color: #47a3da;
*/    
}

/*@media screen and (min-width: 1400px), screen and (max-width: 1300px) {     */

/*@media screen and (max-aspect-ratio: 8/5) {        */
@media screen and (max-aspect-ratio: 17/9) {        
    #homeID {
        position: absolute;       
        top: 61.8%; 
        left: 20%;
        opacity: 0;
    /*    
        width: 10%; //
        height: 14%;
        background: white; 
        -moz-box-shadow: 0 0 20px black; 
        -webkit-box-shadow: 0 0 20px black; 
        box-shadow: 0 0 20px black;
    */    
    }
}

/*@media screen and (min-width: 1300px) and (max-width: 1400px) {    */

/*@media screen and (min-aspect-ratio: 8/5) {        */
@media screen and (min-aspect-ratio: 17/9) {        
    #homeID {
        position: absolute;       
        top: 66%; 
        left: 28.5%;
        opacity: 0;
    }
}