body {
 
    font-family: 'Roboto', sans-serif !important;
    
}

.logo-class {
    height: 100px;
    background: url("../../assets/images/logo.png") center no-repeat;
    margin-bottom: 5px;
    margin-top: 5px;
}
.teamviewer-class {
    height: 100px;
    background: url("../../assets/images/teamviewer.png") left no-repeat;
    margin-bottom: 5px;
    margin-top: 5px;
}

.app-icon-class {
 
    float: left;
    max-height: 100px;
    
}

.app-icon-class-small {
	
	 float: left;
    max-height: 50px;
	margin-top: 5px;
	
}

.text-wrapper-class-att  {

	padding-left: 65px;	

}

.text-wrapper-class {
    
     padding-left: 110px; 
    
}

.app-wrapper-class {
 
   margin-top: 20px;
    border-radius: 2px;
    margin-right: 5px !important;
    margin-left: 5px !important;
    padding-bottom: 10px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);

}


.download-button-class {

    float: left;   
}

.btn {
padding-top: 5px !important;
padding-bottom: 5px !important;
	margin-bottom: 4px !important;
	border-radius:1px !important;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
	width: 100pt;
}

@media screen and (min-width: 480px) {
    .app-wrapper-class {
    margin-right: 100px !important;
    margin-left: 100px !important;
	}
}