@CHARSET "UTF-8";

html, body{
	height:100%;
	max-width:1000px;
}
div{
	margin : 0;
	text-align:center;
}

#callStart{
	background:url(/custPhone/images/intro_btn_nor.png) no-repeat;
	background-size:220px 38px;
	width:220px;
	height:38px;
	border:white;
	font-size:17px;
	font-weight:bold;	
	color:white;
}

.dadreamlogo_min{
	position:absolute;
	
}
.dadreamlogo_min img{
    	max-width:80px;
    }
    
.emplogo img{
	max-height: 50px;
}    
@media screen and (min-height: 600px) {
    /*.logo{ margin-top:25%; }*/
    .logo{ padding-top:120px; }
    .logo img { width:140px; }
    .emplogo{padding-top:60px;}
    .emplogo img{height:50px;}
    .desc img{ width:280px;}
    .bottom{
        position:absolute;
        bottom:50px;
        left:50%;
        transform:translate(-50%, 0);
        width:330px;
    }
    .chromeDiv{
        margin-top:40px;
        color:#9555eb;
    }
    .chromeDown {
        color: #9555eb;
        margin-bottom: 10px;
        text-decoration:none;
    } 
    
    .dadreamlogo_min{
    	top:20px;
    	left: 20px;
    	
    }
    .dadreamlogo_min img{
    	width:80px;
    }
}

@media screen and (max-height: 599px) {
    .logo{ padding-top:80px;  }
    .logo img { width:140px; }
    .emplogo{padding-top:40px;}
    .emplogo img{height:50px;}
    .desc img{ width:280px;}
    .bottom{
        position:absolute;
        bottom:50px;
        left:50%;
        transform:translate(-50%, 0);
        width:330px;
    }
    .chromeDiv{
        margin-top:40px;
        color:#9555eb;
    }
    .chromeDown {
        color: #9555eb;
        margin-bottom: 10px;
        text-decoration:none;
    } 
}

@media screen and (max-height: 499px) {
	/*.logo{ margin-top:5%;}*/
	.logo{ padding-top:50px; }
    .logo img { width:90px; }
    .emplogo{padding-top:25px;}
    .emplogo img{height:40px;}
    .desc img{ width:240px;}
	.bottom{
		position:absolute;
		bottom:30px;
		left:50%;
		transform:translate(-50%, 0);
		width:330px;
	}
	.chromeDiv{
		margin-top:40px;
		color:#9555eb;
	}
	.chromeDown {
	    color: #9555eb;
	    margin-bottom: 10px;
	    text-decoration:none;
	}	
}	

@media screen and (max-height: 350px) {
	/*.logo{ margin-top:1%;}*/
	.logo{ padding-top:20px; }
    .logo img { width:80px; }
    .emplogo{padding-top:10px;}
    .emplogo img{height:30px;}
    .desc img{ width:220px;}
	.bottom{
		position:absolute;
		bottom:20px;
		left:50%;
		transform:translate(-50%, 0);
		width:330px;
	}
	.chromeDiv{
		margin-top:20px;
		color:#9555eb;
	}
	.chromeDown {
	    color: #9555eb;
	    margin-bottom: 10px;
	    text-decoration:none;
	}	
}