/* Style Sheet: 'RWD-General_ISG.css' */

@import url(https://fonts.googleapis.com/css?family=Roboto:400);

/* <<<<<------------------------------ <<<<<<<<<<     MEDIA QUERIES     >>>>>>>>>>  ---------------------------->>>>> */
/* ------------------------------------------------------------------------------------------------------------------ */


/* 'PHONE REGULAR' */

@media screen and (min-width: 324px) {
	
	#content    { font-size: 0.80em; }
	
	 header     { overflow: visible; } 
     
        #headLog  { display: none;}
	
	main        {}

	main#homePage {
        grid-gap: 1em 5px;
		grid-template-columns: 100%;
		grid-template-rows: auto auto auto auto auto ;
		grid-template-areas:    'mLogn'
								'mClub'
                                'mTour'
								'mTrib'
								'mCont';
    }
    
	footer {
		grid-template-columns: 100%;
		grid-template-rows: 24px 24px 24px;
		grid-gap: 0.8em 0.2em;
		grid-template-areas:    'fCopy'
                                'fLinks'
                                'fAppNet';							 
	}  

    .subPage { padding: 0em; }

    .grTriBox ul li { width: 96px; }

    .sDesc { display: none;}

    .grClubNews { height: auto;}
}       


/* 'PHONE LARGE' */

@media screen and (min-width: 396px) {

	#content    { font-size: 0.85em; }
		
    #corpTitle a { font-size: 2.75em; }

    .grTriBox ul li { width: 108px; }

    
	
}


/* 'PHONE LANDSCAPE' | 'TABLET MINI' */

@media screen and (min-width: 480px) {

	#content    { font-size: 0.90em; }
	
	.subPage {	padding: 0em 1em 1em 1em;}

    .sDesc { display: block;}

    
}


/* 'TABLET PORTRAIT' */

@media screen and (min-width: 600px) {

	#content    { font-size: 0.95em; }
    
    .grTriBox ul li { width: 120px; }

    /*.grClubNews { height: 366px;}*/
}


/* 'TABLET FULL'  */

@media screen and (min-width: 720px) {

	#headLog  { display: block;}
    
    main#homePage {
        grid-gap: 1em 1em;
        grid-template-columns: auto auto auto 120px 120px;
        grid-template-rows: auto auto auto;
        grid-template-areas:    'mClub  mClub   mClub   mLogn   mLogn'
                                'mTrib  mTrib   mTrib   mTrib   mTrib'
                                'mTour  mTour   mTour   mCont   mCont';
    }

    #corpTitle a { font-size: 3.1em; }
       
	.subPage    { padding: 0em 1em 1em 1em;}	
	    .subPage p { margin-left: 2em; }

    .grTriBox ul li { width: 144px; }
    .grClubNews { height:auto;}


/* 'TABLET LANDSCAPE */

@media screen and (min-width: 840px) {

    #content    { font-size: 1.00em; }
    
     main#homePage {
        grid-gap: 1.5em 1.5em;
        grid-template-columns: auto auto auto auto 120px 120px;
        grid-template-rows: auto auto auto;
        grid-template-areas:    'mClub  mClub   mClub   mClub   mLogn   mLogn'
                                'mTrib  mTrib   mTrib   mTrib   mTrib   mTrib'
                                'mTour  mTour   mTour   mCont   mCont   mCont';
    }
    
    .subPage        { padding: 0em 1em 1em 1em;}
	    .subPage p  { margin-left: 2em; }

    .grTriBox ul li { width: 156px; }

}


/* 'LAPTOP' */

@media screen and (min-width: 960px) {
	
    main#homePage {
        grid-gap: 1.75em 1.75em;
        grid-template-columns: auto auto auto auto 156px 156px;
        grid-template-rows: auto auto auto;
        grid-template-areas:    'mClub  mClub   mClub   mClub   mLogn   mLogn'
                                'mTrib  mTrib   mTrib   mTrib   mTrib   mTrib'
                                'mTour  mTour   mTour   mCont   mCont   mCont';
    }
    
    #corpTitle a { font-size: 3.3em; }

    .grFootAPS  { text-align: right; }

    .subPage    { padding: 0em 1em 1em 1em;}
	    .subPage p { margin-left: 2em; }

}


/* 'DESKTOP-SMALL */

@media screen and (min-width: 1080px) {
	
	main#homePage {
        grid-gap: 2em 2em;
        grid-template-columns: auto auto auto auto 144px 144px;
        grid-template-rows: auto auto; 
        grid-template-areas:    'mClub mClub mClub mClub mLogn mLogn'
                                'mTrib mTrib mCont mCont mTour mTour';    
    }
     
    .subPage    { padding: 0em 1em 1em 1em;}
	    .subPage p { margin-left: 2em; }

    .grTriBox ul li { width: 132px; }

}


/* 'DESKTOP' */

@media screen and (min-width: 1200px) {
	
    #corpTitle a { font-size: 3.5em; }

	 main#homePage {
        grid-gap: 1.75em 1.75em;
        grid-template-columns: auto auto 228px 288px;
        grid-template-rows: auto auto auto auto auto;
        grid-template-areas:    'mClub mClub mCont mLogn'
                                'mClub mClub mCont mLogn'
                                'mTrib mTrib mCont mTour'
                                'mTrib mTrib mCont mTour';    
    }

    .subPage { padding: 0em 1em 1em 1em; }
	    .subPage p { margin-left: 2em; }

}


/* 'DESKTOP-SMALL/MED */

@media screen and (min-width: 1320px) {
	
    #corpTitle a { font-size: 4.0em; }
        
    main#homePage {
        grid-gap: 2em 2em;
        grid-template-columns: auto auto 300px 288px;
        grid-template-rows: auto auto auto auto auto;
        grid-template-areas:    'mClub mClub mCont mLogn'
                                'mClub mClub mCont mLogn'
                                'mClub mClub mCont mTour'
                                'mTrib mTrib mTrib mTour';    
    }

    .grTriBox ul li { width: 240px; }
    
    .subPage    { padding: 0em 1em 1em 1em; }
	    .subPage p { margin-left: 2em; }

}


/* 'DESKTOP - MEDIUM' */

@media screen and (min-width: 1440px) {
		
	.subPage    { padding: 0em 1em 1em 1em; }
	    .subPage p { margin-left: 2em; }

    .loginField { width: 275px; }

}

/* 'DESKTOP - LARGE' */

@media screen and (min-width: 1600px) {
	
	.subPage { padding: 0em 1em 1em 1em; }
	    .subPage p { margin-left: 2em; }

    #corpTitle a { font-size: 4.2em; }
     
}