@keyframes showAnimation
{
  0% {
    opacity: 0;
  }
  
  100% {
    opacity: 1;
  } 
}

.main {
	text-align:center;
}

.trackingArea {
	width:570px;
	margin:5px;
	padding:10px 0;
	display:inline-block;
	vertical-align:top;
	text-align:center;
	box-shadow:0px 0px 10px -5px black;
	
	animation-name: showAnimation;
	animation-duration: 2s;	
}

.calcArea {
	margin:5px;
	padding:6px 0;
	display:inline-block;
	vertical-align:top;
	box-shadow:0px 0px 10px -5px black;
	
	animation-name: showAnimation;
	animation-duration: 2s;		
}



.main_descriptions { 
	animation-name: showAnimation;
	animation-duration: 2s;	
}
.main_descriptions p { font-size:14px; margin-bottom:15px; }
.main_descriptions li { font-size:14px; margin-left:20px; }
.main_descriptions .main_box { width:32.5%; height:190px; padding:5px 0; margin:10px 2px; vertical-align:top; display:inline-block; box-shadow:0px 0px 10px -5px black; }

@media all and (max-width:800px) 
{
    .trackingArea {
       width:90%;
       margin:5px auto;
       display:block;
    }
    
    .calcArea {
       width:90%;
       margin:5px auto;
       display:block;    
    }
    
    .main_descriptions p {
    	  font-size:11px;
    }
    
    .main_descriptions .main_box { 
        width:90%;
        margin:5px auto;
        display:block; 
    }
}