@media only screen and (orientation: portrait) {





html {
    font-size: 120%;  /* INCREASE BASE FONT SIZE */
    }



.wrapper {
	margin-top: auto;   /* ELIMINATE TOP MARGIN */
    width: 95%;  /* CHANGE WIDTH TO 95% */
    margin-left: auto;  /* CENTER WRAPPER */
    margin-right: auto;  /* CENTER WRAPPER */
    border: 0px;  /* ELIMINATE BORDER */
    }



.grid-container {
    grid-gap: 0px;  /* ELIMINATE GRID GAP */
    grid-template-columns: auto;  /* ADJUST COLUMNS */
    grid-template-rows: auto;  /* ADJUST ROWS */
    grid-template-areas:    'logo'
                            'header'
                            'topNavigation'
                            'leftSideNavigation'
                            'content'
                            'contactCard4'
                            'contactCard2'
                            'contactCard3'
                            'contactCard1';
}

.logo {
	margin-left: auto;  /* CENTER LOGO */
    margin-right: auto;
}

.header {
    text-align: center;  /* CENTER TEXT */
	margin-top: 0px;  /* ELIMINATE TOP BORDER */
}



.topNavigation li {
float: none;    /* ELIMINATE HORIZONTAL LIST */
margin-left: 0px;   /* ELIMINATE LEFT MARGIN */

}

    .topNavigation a {
	    width: 100%;    /* 100% WIDTH */
    	padding: 12px 0px; /* INCREASE VERTICAL PADDING */
    	margin-bottom: 5px; /* ADD BOTTOM MARGIN */
    }



.leftSideNavigationMain {
	font-size: 2.5rem;  /* INCREASE FONT SIZE */
	width: 100%;   /* CHANGE WIDTH TO 100% */
    line-height: 5rem;
    margin-bottom: 5px;  /* INCREASE BOTTOM MARGIN */
	padding: 15px 0px; /* INCREASE VERTICAL PADDING */
}

.ageGroup {
    display: inline;
    margin-left: 10px;
    font-size: 1.5rem;
    }



ul.leftSideNavigationExpanded { /* ADD THIS DECLARATION */
        text-align: center;
        list-style-type: none;
        }


    li.comment {  /* SWITCH FROM LIST BULLETS TO IMAGES */
        list-style-image: none;
        }

    li.questionMark {  /* SWITCH FROM LIST BULLETS TO IMAGES */
        list-style-image: none;
        }

    li.video {  /* SWITCH FROM LIST BULLETS TO IMAGES */
        list-style-image: none;
        }

    li.clock {  /* SWITCH FROM LIST BULLETS TO IMAGES */
        list-style-image: none;
        }

.listBullet {  /* SWITCH FROM LIST BULLETS TO IMAGES */
    display: inline;
    height: 35px;
    width: auto;
    }



.content {
    width: auto;   /* CHANGE WIDTH TO AUTO */
	height: auto;  /* CHANGE HEIGHT TO AUTO */
	margin-bottom: 0px;    /* ELIMINATE BOTTOM MARGIN */
	}



.contactCard {
    font-size: 1.5rem;  /* INCREASE FONT SIZE */
    display: block;  /* CHANGE TO BLOCK */
	width: auto;   /* CHANGE WIDTH TO AUTO */
    margin-left: auto; /* SET MARGINS AND PADDING */
    margin-right: auto;
	margin-bottom: 10px;
	padding: 5px 0px;
	}

    .cc1 {
    width: 80%;  /* ADJUST WIDTH */
    }

    .cc2 {
    width: 80%; 80%;  /* ADJUST WIDTH */
    }

    .cc3 {
    width: 80%; 80%;  /* ADJUST WIDTH */
    }

    .cc4 {  /* REPEAT THIS DECLARATION FOR IT TO WORK RIGHT - NOT SURE WHY */
        grid-area: contactCard4;
        display: grid;
        grid-gap: 0px;
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-template-areas:    'social1 social2 social3 social4';
     }

	

footer {
	width: 100%;  /* CHANGE WIDTH */
    font-size: .5rem;  /* SHRINK FONT */
    border-top: 1px solid #000000;  /* ADD HORIZONTAL RULE */
    padding-top: 25px;  /* ADD TOP PADDING */
    padding-bottom: 200px;  /* INCREASE BOTTOM PADDING FOR 'TO TOP' BUTTON */
    grid-template-columns: 1fr;  /* CHANGE GRID */
    grid-template-areas:    'url'
                            'lastRevision'
                            'webmaster';

}

	.url {
		text-align: center;  /* ALIGN TEXT */
	}

	.webmaster {
		text-align: center;  /* ALIGN TEXT */
	}



img.link {
    width: 500px;  /* DOUBLE SIZE */
    height: auto;
}

img.imageExternalLink {
    height: 32px;
    width: auto;
}

img.logo {
    width: 430px;  /* DOUBLE LOGO SIZE */
    height: auto;
}

img.imageContent {  /*  ADD THIS DECLARATION */
    height: 200px;
    width: auto;
    }

img.imageSocial {  /*  ADD THIS DECLARATION */
    width: 150px;
    height: auto;
}

img.imageContact {  /* DOUBLE SIZE */
    width: 64px;
    height: auto;
}

img.staffPhoto {
    width: 300px; /* DOUBLE WIDTH */
    height: auto; /* AUTO HEIGHT */
}

img.imageContact {
    width: 64px; /* DOUBLE WIDTH */
    height: auto; /* AUTO HEIGHT */
}

img.imageSubway { /*  ADD THIS DECLARATION */
    width: 64px;
    height: auto;
}

img.toTop { /* MAKE BUTTON APPEAR */
    display: initial;
}



    table.sampleDay td {
        font-size: 2rem;
    }