/* CSS3 Media Queries for Responsiveness 
*  ------------------------------------- 
*/

/****************************/
/* laptop + desktop screens */
/****************************/

@media screen and (max-width: 960px) 
{
header              {
                    height: 110px;
                    }

img.hdr-lgo         {
                    width: 692px;
                    height: 100px;
                    padding-top: 20px;
                    }

h1.cal-cnt-tit      {
                    padding-top: 130px;
                    }

iframe.cal          {
                    width: 740px;
                    }
}


@media screen and (max-width: 760px) 
{
header              {
                    height: 90px;
                    }

img.hdr-lgo         {
                    width: 554px;
                    height: 80px;
                    padding-top: 30px;
                    }

h1.cal-cnt-tit      {
                    padding-top: 110px;
                    }

iframe.cal          {
                    width: 640px;
                    }
}


/*********************************************/
/* tablet and phone screens in portrait mode */
/*********************************************/
/* @media screen and (max-width: 1024px) */
@media only screen 
  and (min-device-width : 320px) 
  and (max-device-width : 1024px) 
  and (orientation : portrait)
{
.mat-ico-mob        {
                    font-size: 100px; 
                    text-shadow: 2px 2px 4px #999999;
                    }

.mat-ico-imp        {
                    font-size: 36px;
                    padding-left: 5px;
                    }

.mat-ico-ftr        {
                    font-size: 48px;
                    }


}


/**********************************************/
/* tablet and phone screens in landscape mode */
/**********************************************/
@media only screen 
  and (min-device-width : 320px) 
  and (max-device-width : 1024px) 
  and (orientation : landscape)
{

}