@charset "UTF-8";

/*------------------------------------------|
|-------------------------------------------|
|  		 Home page is always different      | 
|  as it has no content, is introductory,   |
|  		and later will show flags of 	    |
|  		language sub-domains on site   	    |
|     Lower masthead tagline for styling    |
|-------------------------------------------|
|------------------------------------------*/

/*-------------------------------------------
|    Mobile device Portrait      	 	    | 
| 	 Grid layout tweak	 	  				|
-----------------------------------------  */

/*Default-  Basic home page layout portrait phone <=414 */
	/*Keep default of logo and tag at top of screen*/
#wrapper {
	margin: 0 auto;
	height: 100vh;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: auto 30px auto 100px;
	grid-template-areas:
	"masthead"
	"tagline"
	"content"
	"footer";
	}

.Full {
	top: 130px;
	}
	
.content {
	margin: 0;
	height: 260px;
	}

/*------------------------------|
|        Tweaks-                |
|     Style Default states      |
|     Nav Mobile 4              |
|------------------------------*/

@media screen and (min-width: 320px) and (max-height: 480px) {    /*portrait phone 4*/
	/*Tweak tagline top left; tweak footer and credits width on portrait phones*/	
#wrapper {
	margin: 0 auto;
	height: 100vh;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 145px 40px auto 100px;
	grid-template-areas:
	"masthead"
	"tagline"
	"content"
	"footer";
	}

.masthead {
	align-self: end;
	height: 84px;
	}	
.tagline {margin-left: 35px;}	
	
.Full {
	top: 180px;	
	}
	
.content {
	height: 205px;
	}
}


/*------------------------------|
|     Style Default states      |
|     Nav Mobile 5              |
|------------------------------*/

@media screen and (min-width: 320px) and (min-height: 481px) and (max-height: 568px) {		/*portrait phone 5*/
	/*Tweak logo menu and content positioning*/
#wrapper {
	margin: 0 auto;
	height: 100vh;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 165px 40px auto 100px;
	grid-template-areas:
	"masthead"
	"tagline"
	"content"
	"footer";
	}

.masthead {
	align-self: end;
	height: 84px;
	}
	
.tagline {margin-left: 35px;}

.Full {
	top: 205px;	
	}
	
.content {
	height: 275px;
	}
}

/*------------------------------|
|     Style Default states      |
|     Nav Mobile 6-7-8          |
|------------------------------*/

@media screen and (min-width: 375px) and (min-height: 569px) and (max-height: 667px) { 	/*portrait phone 6-7-8*/
	/*Tweak logo menu and content positioning*/
#wrapper {
	margin: 0 auto;
	height: 100vh;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 183px 35px auto 100px;
	grid-template-areas:
	"masthead"
	"tagline"
	"content"
	"footer";
	}

.masthead {
	align-self: end;
	height: 81px;
	}

.tagline {margin-left: 75px;}

.Full {
	top: 235px;	
	}
	
.content {
	height: 325px;
	}
}

/*------------------------------|
|     Style Default states      |
|     Nav Mobile 8 plus         |
|------------------------------*/

@media screen and (min-width: 414px) and (min-height: 668px) and (max-height: 896px) { 	/*portrait phone 8 plus, phone 11 */
	/*Tweak logo menu and content positioning*/
#wrapper {
	margin: 0 auto;
	height: 100vh;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 220px 35px auto 100px;
	grid-template-areas:
	"masthead"
	"tagline"
	"content"
	"footer";
	}

.masthead {
	align-self: end;
	height: 90px;
	}

.tagline {margin-left: 95px;}

.Full {
	top: 275px;	
	}
	
.content {
	height: 360px;
	}
}


 /*-----------------------------|
|     Style Default states      |
|     Nav Mobile 10 size        |
|------------------------------*/

@media screen and (min-width: 375px) and (min-height: 737px) and (max-height: 812px) { 	/*portrait phone 10*/
	/*Tweak logo menu and content positioning*/
#wrapper {
	margin: 0 auto;
	height: 100vh;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 215px 35px auto 100px;
	grid-template-areas:
	"masthead"
	"tagline"
	"content"
	"footer";
	}

.masthead {
	align-self: end;
	height: 81px;
	}

.tagline {margin-left: 75px;}

.Full {
	top: 295px;	
	}
	
.content {
	height: 400px;
	}
}


@media screen and (min-width: 360px) and (min-height: 780px) {   /*portrait phone 12 5+in */
	/*Tweak logo menu and content positioning*/
#wrapper {
	margin: 0 auto;
	height: 100vh;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 215px 35px auto 100px;
	grid-template-areas:
	"masthead"
	"tagline"
	"content"
	"footer";
	}

.masthead {
	align-self: end;
	height: 85px;
	}

.tagline {margin-left: 75px;}

.Full {
	top: 295px;	
	}
	
.content {
	height: 400px;
	}
}


@media screen and (min-width: 390px) and (min-height: 844px) {   /*portrait phone 12 6in */
	/*Tweak logo menu and content positioning*/
.masthead {
	align-self: end;
	height: 90px;
	}	
}


@media screen and (min-width: 428px) and (min-height: 926px) {   /*portrait phone 12  6+in */
	/*Tweak logo menu and content positioning*/
.masthead {
	align-self: end;
	height: 78px;
	}	
	
.tagline {margin-left: 115px;}
}


/*-------------------------------------------
|-------------------------------------------|
|          Tweaks-                          |
|    Mobile device horizontal size  	    | 
| 	 Grid layout							|
|-------------------------------------------|
|------------------------------------------*/

@media screen and (max-width: 480px) and (min-width: 415px) and (max-height: 320px) {    /*landscape phone 4*/
	/*Keep default of logo and tag at top of screen; Tweak menu and content positioning*/	
#wrapper {
	margin: 0 auto;
	height: 100vh;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 80px 30px auto 100px;
	grid-template-areas:
	"masthead"
	"tagline"
	"content"
	"footer";
	}

.masthead {
	align-self: end;	
	}

.tagline {
	margin-left: 140px;
	margin-top: -5px;
	}

.Full {
	top: 90px;
	}	
.content {
	height: 125px;
	}
}

@media screen and (max-width: 568px) and (min-width: 481px) and (max-height: 320px) {	/*landscape phone 5*/
	/*Keep default of logo and tag at top of screen; Tweak content positioning*/	
#wrapper {
	margin: 0 auto;
	height: 100vh;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 80px 25px auto 100px;
	grid-template-areas:
	"masthead"
	"tagline"
	"content"
	"footer";
	}
	
.tagline {
	margin-left: 170px;
	margin-top: -5px;
	}
		
.Full {
	top: 95px;
	}
	
.content {
	height: 130px;
	}
}

@media screen and (max-width: 667px) and (min-width: 569px) and (max-height: 375px) {	/*landscape phone 6-7-8*/
	/*Keep default of logo and tag at top of screen; Tweak content positioning*/	
#wrapper {
	margin: 0 auto;
	height: 100vh;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 95px 35px auto 100px;
	grid-template-areas:
	"masthead"
	"tagline"
	"content"
	"footer";
	}
	
.tagline {
	margin-left: 220px;
	margin-top: 5px;
	}

.Full {
	top: 120px;
	}
	
.content {
	height: 110px;
	}
}

@media screen and (max-width: 740px) and (min-width: 668px) and (max-height: 414px) {	/*landscape phone 8 plus*/
	/*Keep default of logo and tag at top of screen; Tweak menu and content positioning*/	
#wrapper {
	margin: 0 auto;
	height: 100vh;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 100px 35px auto 100px;
	grid-template-areas:
	"masthead"
	"tagline"
	"content"
	"footer";
	}

.masthead {align-self: end; height: 95px;}
.tagline {	
	margin-left: 230px;
	margin-top: 0;
	}

.Full {
	top: 140px;
	}
		
.content {
	height: 195px;
	}
}

@media screen and (max-width: 833px) and (min-width: 741px) and (max-height: 375px) {	/*landscape phone 10*/
	/*Keep default of logo and tag at top of screen; Tweak menu and content positioning*/	
#wrapper {
	margin: 0 auto;
	height: 100vh;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: 145px 40px auto 100px;
	grid-template-areas:
	"masthead"
	"tagline"
	"content"
	"footer";
	}

.masthead {align-self: end; height: 100px; margin-left: 80px;}

.tagline {
	margin-left: 225px;
	align-self: center;
	}

.Full {
	top: 135px;
	}
.content {
	height: 100px;
	}
}


@media screen and (max-width: 896px) and (min-width: 834px) and (max-height: 414px) {  /*landscape iphone 11 */
	/*Keep default of logo and tag at top of screen; Tweak menu and content positioning*/	
.masthead {align-self: end; height: 130px; width: 450px; margin-left: 80px;}

.tagline {
	margin-left: 275px;
	align-self: end;
	}

.Full {
	top: 155px;
	}
.content {
	height: 100px;
	}
}


@media screen and (min-width: 926px) and (min-height: 428px) {  /* landscape iphone 12 */
	/*Keep default of logo and tag at top of screen; Tweak menu and content positioning*/	
.masthead {align-self: end; height: 130px; width: 450px; margin-left: 80px;}

.tagline {
	margin-left: 275px;
	align-self: end;
	}

.Full {
	top: 155px;
	}
.content {
	height: 100px;
	}	
}


/*-------------------------------|
|--------------------------------|
|    Pad device size 	 	     | 
|     Pad Mini and Pad           |
| 	 Portrait Grid layout	  	 |
|--------------------------------|
|------------------------------ */

@media screen and (max-width: 833px) and (min-width: 768px) and (min-height: 415px) and (max-height: 1180px) {	/*portrait tablet*/
#wrapper {
	margin: 0 auto;
	height: 100vh;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: minmax(230px, 230px) minmax(35px, 35px) auto auto 100px;
	grid-template-areas: 
	"masthead ."
	"tagline ."
	"content navtree"
	"content navtree"
	"footer footer";
	}
	
	/*Position logo and tag within screen*/
.masthead {
	align-self: end;
	height: 98px;
	margin-left: 45px;
	}

.tagline {width: 320px; align-self: center; margin: 0 0 0 190px;}

.rtNav {
	margin-top: 75px;
	}
	
.content {
	height: 525px;
	}

}


/*-------------------------------|
|--------------------------------|
|    Smaller Desktop 	 	     | 
| 	 Portrait Grid layout	  	 |
|--------------------------------|
|------------------------------ */

/*smaller desktop screens*/
@media screen and (max-width: 833px) and (min-width: 799px) and (min-height: 736px) {	/*sm desktops*/
#wrapper {
	margin: 0 auto;
	height: 100vh;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: minmax(230px, 230px) minmax(35px, 35px) auto auto 100px;
	grid-template-areas: 
	"masthead ."
	"tagline ."
	"content navtree"
	"content navtree"
	"footer footer";
	}
	
	/*Position logo and tag within screen*/
.masthead {
	align-self: end;
	height: 98px;
	margin-left: 45px;
	}

.tagline {width: 320px; align-self: center; margin: 0 0 0 190px;}

.rtNav {
	margin-top: 75px;
	}
	
.content {
	height: 525px;
	}
}

/*-------------------------------|
|--------------------------------|
|        Pro 10in  	 	         | 
| 	 Portrait Grid layout	  	 |
|--------------------------------|
|------------------------------ */

/*Pad Pro 10 in portrait screens*/
@media screen and (min-width: 834px) and (min-height: 1112px) {	  /*portrait 10inch tablet*/
	/*Tweak content height*/	
#wrapper {
	margin: 0 auto;
	height: 100vh;
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: minmax(175px, 230px) minmax(50px, 50px) auto auto 100px;
	grid-template-areas: 
	"masthead ."
	"tagline ."
	"content navtree"
	"content navtree"
	"footer footer";
	}
	
	/*Position logo and tag within screen*/
.masthead {
	align-self: end;
	height: 136px;
	margin-left: 55px;
	}

.tagline {
	width: 400px;
	margin-left: 275px;
	align-self: center;
	}

.rtNav {
	margin-top: 75px;
	}
	
.content {
	height: 600px;
	}
}


/*-----------------------------------|
|------------------------------------|
|    Laptop Desktop size	 	     | 
| 	 Wide Screen Grid layout		 |
|       Overall                      |
|------------------------------------|
|-----------------------------------*/

@media screen and (max-width: 1023px) and (min-width: 835px) and (min-height: 720px) {	/*landscape tablet, desktops*/
#wrapper {
	margin: 0 auto;
	height: 100vh;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-template-rows: 160px 45px auto auto 100px;
	grid-template-areas: 
	"masthead masthead masthead . ."
	". tagline tagline tagline menu"
	"content content content content menu"
	"content content content content menu"
	"footer footer footer footer footer";
	}
		
	/*Position logo and tag within screen*/
.masthead {
	align-self: end;
	width: 400px;
	height: 110px;
	margin-left: calc(55vw - 80%);
	}

.tagline {width: 390px; align-self: end; margin-left: calc(50vw - 78%);}
	
ul.vNav.About {
	margin-top: 165px;
	}			
.vNav {
	position: relative;
	left: calc(44vw - 255px);
	}
}


/*-------------------------------|
|--------------------------------|
|    Pad Mini and Pad 	 	     | 
| 	 Landscape Grid layout	  	 |
|--------------------------------|
|------------------------------ */

/*iPad Mini and iPad Landscape screens*/
@media screen and (min-width: 1024px) and (max-height: 768px) and (orientation: landscape), screen and (max-width: 1180px) and (min-width: 1025px) and (min-height: 769px) and (max-height: 1365px) and (orientation: landscape), screen and (max-width: 1180px) and (min-width: 1025px) and (min-height: 769px) and (max-height: 1365px) and (orientation: portrait) {  /*iPad and Mini land tweaks*/
#wrapper {
	margin: 0 auto;
	height: 100vh;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-template-rows: 250px minmax(50px, 50px) minmax(150px, auto) minmax(auto, 150px) 100px;
	grid-template-areas: 
	"masthead masthead masthead . ."
	". tagline tagline tagline menu"
	"content content content content menu"
	"content content content content menu"
	"footer footer footer footer footer";
	}
		
	/*Position logo and tag within screen*/
.masthead {
	align-self: end;
	height: 125px;
	margin-left: calc(60vw - 72%);
	}
	
.tagline {
	width: 430px;
	align-self: center;
	margin-top: 0;
	margin-left: calc(60vw - 75%);
	}
	
ul.vNav.About {
	margin-top: 260px;
	}
		
.vNav {
	position: relative;
	left: calc(42vw - 225px);
	}
}


@media screen and (min-width: 1024px) and (max-height: 640px) { /* Large Read MacbookPro 15screen Tweaks */

#wrapper {
	margin: 0 auto;
	height: 100vh;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-template-rows: 150px 45px auto auto 100px;
	grid-template-areas: 
	"masthead masthead masthead . ."
	". tagline tagline tagline menu"
	"content content content content menu"
	"content content content content menu"
	"footer footer footer footer footer";
	}
	
.masthead {
	align-self: end;
	height: 125px;
	margin-left: calc(60vw - 82%);
	}
	
.tagline {
	width: 430px;
	align-self: center;
	margin-top: 0;
	margin-left: calc(60vw - 83%);
	}

ul.vNav.About {
	margin-top: 150px;
	}
	
ul.vNav li a:visited {color: #FFF;}	
ul.vNav li a:hover {color: #0C6;}
}


/*-------------------------------|
|--------------------------------|
|        Pro 12 in 	 	         | 
| 	 Portrait Grid layout	  	 |
|--------------------------------|
|------------------------------ */

/*iPad Pro 12 inch Portrait screens*/
@media screen and (max-width: 1024px) and (min-width: 1024px) and (min-height: 1366px) and (max-height: 1366px) {	/*portrait Pro 12inch tweaks*/
#wrapper {
	margin: 0 auto;
	height: 100vh;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-template-rows: minmax(300px, 330px) minmax(55px, 55px) minmax(150px, auto) minmax(auto, 150px) 100px;
	grid-template-areas: 
	"masthead masthead masthead . ."
	". tagline tagline tagline menu"
	"content content content content menu"
	"content content content content menu"
	"footer footer footer footer footer";
	}
		
	/*Position logo and tag within screen*/
.masthead {
	align-self: end;
	height: 135px;
	}

.tagline {
	width: 460px;
	margin-left: calc(60vw - 94%);
    align-self: center;
	}
	
ul.vNav.About {
	margin-top: 335px;
	}
	
.vNav {
	position: relative;
	left: calc(39vw - 275px);
	}
}


/*-------------------------------|
|--------------------------------|
|        Pro 10in   	 	     | 
| 	 Landscape Grid layout	  	 |
|--------------------------------|
|------------------------------ */

/*iPad Pro 10 inch Landscape screens*/
@media screen and (max-width: 1242px) and (min-width: 1112px) and (min-height: 834px) {  /*iPad pro 10inch land tweaks*/
#wrapper {
	margin: 0 auto;
	height: 100vh;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-template-rows: minmax(200px, 270px) minmax(55px, 55px) minmax(150px, auto) minmax(auto, 150px) 100px;
	grid-template-areas: 
	"masthead masthead masthead . ."
	". tagline tagline tagline menu"
	"content content content content menu"
	"content content content content menu"
	"footer footer footer footer footer";
	}
		
	/*Position logo and tag within screen*/
.masthead {
	align-self: end;
	margin-left: calc(60vw - 80%);
	height: 130px;
	}
	
.tagline {
	width: 450px;
	align-self: center;
	margin-top: 0;
	margin-left: calc(60vw - 84%);
	}
	
ul.vNav.About {
	margin-top: 275px;
	}
	
.vNav {
	position: relative;
	left: calc(42vw - 275px);
	}
}

/*-------------------------------|
|--------------------------------|
|         Desktop 	 	         | 
| 	 Portrait Grid layout	  	 |
|--------------------------------|
|------------------------------ */

/*Contemporary Desktop screens*/
@media screen and (max-width: 1279px) and (min-width: 1243px) and (min-height: 720px) {  /*desktop*/
#wrapper {
	margin: 0 auto;
	height: 100vh;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-template-rows: 200px 50px minmax(150px, auto) minmax(auto, 150px) 100px;
	grid-template-areas: 
	"masthead masthead masthead . ."
	". tagline tagline tagline menu"
	"content content content content menu"
	"content content content content menu"
	"footer footer footer footer footer";
	}
	
.masthead {
	align-self: end;
	height: 130px;
	}	

.tagline {
	align-self: center;
	margin-left: calc(60vw - 80%);
	}
	
ul.vNav.About {
	margin-top: 210px;
	}
	
ul.vNav li a:visited {color: #FFF;}	
ul.vNav li a:hover {color: #0C6;}

.vNav {
	position: relative;
	left: calc(40vw - 275px);
	}
}


/*------------------------------------------|
|-------------------------------------------|
| 	  Larger Desktop Grid layout		    |
|-------------------------------------------|
|----------------------------------------- */

/*Large Desktop Screens*/
@media screen and (max-width: 1365px) and (min-width: 1280px) and (min-height: 800px) {	/*larger desktop screens*/
#wrapper {
	margin: 0 auto;
	height: 100vh;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-template-rows: 300px 55px minmax(150px, auto) minmax(auto, 150px) 100px;
	grid-template-areas: 
	"masthead masthead masthead . ."
	". tagline tagline tagline menu"
	"content content content content menu"
	"content content content content menu"
	"footer footer footer footer footer";
	}

.masthead {
	align-self: end;
	height: 135px;
	margin-left: calc(60vw - 80%);
	}
	
.tagline {
	width: 450px;
	align-self: center;
	margin-left: calc(60vw - 88%);
	}
	
ul.vNav.About {
	margin-top: 300px;
	}
	
.vNav {
	position: relative;
	left: calc(38vw - 275px);
	}
}

/*------------------------------------------|
|-------------------------------------------|
|                Pro 12" 	                | 
| 	      Landscape Grid layout			    |
|-------------------------------------------|
|----------------------------------------- */

/*iPad Pro 12 inch Landscape Screens*/
@media screen and (max-width: 1366px) and (min-width: 1366px) and (min-height: 1024px) and (max-height: 1024px) {      /*Pro 12in land screens*/
	#wrapper {
	margin: 0 auto;
	height: 100vh;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-template-rows: minmax(250px, 280px) minmax(60px, 60px) minmax(150px, auto) minmax(auto, 150px) 100px;
	grid-template-areas: 
	"masthead masthead masthead . ."
	". tagline tagline tagline menu"
	"content content content content menu"
	"content content content content menu"
	"footer footer footer footer footer";
	}

.masthead {
	align-self: end;
	height: 135px;
	margin-left: calc(60vw - 73%);
	}
	
.tagline {
	width: 450px;
	align-self: center;
	margin-left: calc(60vw - 82%);
	}
		
ul.vNav.About {
	margin-top: 290px;
	}
.vNav {
	position: relative;
	left: calc(38vw - 275px);
	}
}

/*------------------------------------------|
|-------------------------------------------|
|      Extra Large screen 	                | 
| 	    Desktop Grid layout		     	    |
|-------------------------------------------|
|----------------------------------------- */

/*Extra Large Desktop Screens*/
@media screen and (max-width: 1919px ) and (min-width: 1367px) and (min-height: 900px) {  /*X-Lg desktop*/
#wrapper {
	margin: 0 auto;
	height: 100vh;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-template-rows: minmax(280px, 360px) minmax(60px, 60px) minmax(150px, auto) minmax(auto, 150px) 100px;
	grid-template-areas: 
	"masthead masthead masthead . ."
	". tagline tagline tagline menu"
	"content content content content menu"
	"content content content content menu"
	"footer footer footer footer footer";
	}
	
.masthead {
	align-self: end;
	margin-left: calc(60vw - 70%);
	height: 125px;
	}	
	
.tagline {
	width: 460px;
	align-self: center;
	margin-left: calc(60vw - 80%);
	}
	
ul.vNav.About {
	margin-top: 370px;
	}
.vNav {
	position: relative;
	left: calc(33vw - 275px);
	}
}

/*------------------------------------------|
|-------------------------------------------|
|    Presentatiobn screen / TV size 	    | 
| 	 and Lg Desktop Grid layout			    |
|-------------------------------------------|
|----------------------------------------- */

/*Presentation TV Screens*/
@media screen and (min-width: 1920px) and (min-height: 900px) {	/*presentation tv screens*/
#wrapper {
	margin: 0 auto;
	height: 100vh;
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-template-rows: minmax(250px, 330px) minmax(60px, 60px) minmax(150px, auto) minmax(auto, 150px) 100px;
	grid-template-areas: 
	"masthead masthead masthead . ."
	". tagline tagline tagline menu"
	"content content content content menu"
	"content content content content menu"
	"footer footer footer footer footer";
	}

.masthead {
	margin: 0;
	width: 800px;
	height: 220px;
	align-self: end;
	margin-left: calc(60vw - 75%);
	}
	
.tagline {
	margin-top: 0;
	width: 580px;
	margin-left: calc(60vw - 78%);
	}
		
ul.vNav.About {
	margin-top: 345px;
	}
	
ul.vNav li a {
	width: 260px;
	font-size: 18px;
	}

.vNav {
	position: relative;
	left: calc(36vw - 275px);
	}
}