@charset "utf-8";
/* CSS Document */
/* using this for legacy code: http://the-echoplex.net/flexyboxes*/
@font-face {
	font-family:'Mystique-Regular';
	src:url(../fonts/Mystique-Regular.ttf);
	src: url(../fonts/Mystique-Regular.eot); /* IE9 Compat Modes */
    src: url(../fonts/Mystique-Regular.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
       url(../fonts/Mystique-Regular.woff) format('woff'), /* Pretty Modern Browsers */
       url(../fonts/Mystique-Regular.ttf)  format('truetype'), /* Safari, Android, iOS */
       url(../fonts/Mystique-Regular.svg#svgFontName) format('svg'); /* Legacy iOS */
}
@font-face {
	font-family:'SD-Georgia-Light';
	src:url(../fonts/SD-Georgia-Light.ttf);
	src: url(../fonts/SD-Georgia-Light.eot); /* IE9 Compat Modes */
    src: url(../fonts/SD-Georgia-Light.eot?#iefix) format('embedded-opentype'), /* IE6-IE8 */
       url(../fonts/SD-Georgia-Light.woff) format('woff'), /* Pretty Modern Browsers */
       url(../fonts/SD-Georgia-Light.ttf)  format('truetype'), /* Safari, Android, iOS */
       url(../fonts/SD-Georgia-Light.svg#svgFontName) format('svg'); /* Legacy iOS */
}


/*for older browsers*/
header, footer, main, img, p, figure, ul, nav {
    display: block; 
}

body, h1, h2, h3, h4, div, ul, li, p, img, main, figure {
	margin: 0;
	padding:0;
}
html {
     overflow-y: scroll;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
}
/*for bottom of page footer*/
html {
  height: 100%;
  box-sizing: border-box;
}


*,
*:before,
*:after {
  box-sizing: inherit;
}
/*end of for bottom of page footer*/
a {
	text-decoration:none;
	outline:none;
	color:inherit;
	padding:0px 4px 0px;
}

a:visited, a:hover, a:active, a:focus {
	text-decoration:none;
	outline:none;
}
a:hover {
	/*color: #66F;*/
	
	background-color:transparent;
	
	box-shadow: 20px 20px 80px  #7A85A9;/*this is good for the slide show arrows*/
	
	box-shadow: 20px 20px 80px #a1a9c2;
	
}
nav ul li a:hover  {
/*	color:#ffffff;*/
	/*text-shadow:.1em .1em .1em  #3399CC;*/
	background-color:#fff;
	/*box-shadow: 30px 30px 80px  #7A85A9;
	box-shadow: 30px 30px 80px  #fff;*/
	box-shadow:none;
	
	color:#C09;
}

.sub-menu ul li a:hover {
	box-shadow:none;
	color:#C09;
}
.shippage a:hover {
	color:#C09;
}

nav ul a.current {
	box-shadow:
  0 2.8px 2.2px rgba(0, 0, 0, 0.034),
  0 6.7px 5.3px rgba(0, 0, 0, 0.048),
  0 12.5px 10px rgba(0, 0, 0, 0.06),
  0 22.3px 17.9px rgba(0, 0, 0, 0.072),
  0 41.8px 33.4px rgba(0, 0, 0, 0.086),
  0 100px 80px rgba(0, 0, 0, 0.12);



}
nav ul li a.current {
		background-color:#FFF;
		padding:0.5em;
	margin:-0.5em;
	
	
}


a:active {
	outline:none;
	text-decoration:none;
}
header {
	 border: none;
	
}
header img {
    border: none;/*for IE to stop border on linked logo*/
}

body {
	font-family: 'Muli', sans-serif;
	font-weight:400;/*updated from 300 to 400 15/2/21*/
	font-size:1em;
	color:#000000;
	/*For bottom of the page footer*/
	position: relative;
    margin: 0;
    padding-bottom: 2rem;
    min-height: 100%;
	/*end of for bottom of page footer*/
	background-color: #E1F0F6;
	
	

}
.select {
	-webkit-user-select: text;
    -moz-user-select: text;   
    -ms-user-select: text; 
    user-select: text;    
}
h1 {
	font-family:'SD-Georgia-Light', serif;
	font-size:2em;
	font-weight:400;
	margin-top:10px;
	padding:20px 20px 10px;
	text-align: center;
	width:100%;/*for IE10*/
	/*text-shadow:.1em .1em .1em  #ffffff;*/
	letter-spacing: .05em;
	word-spacing:0.05em;
	/*UPDATE 2022*/
	font-size:3em;

}
.number {
}
.pink{
    color: #C09;
}
h2 {
	font-family:'SD-Georgia-Light', serif;
	font-size:1.2em;
	line-height:1em;
    font-weight: normal;
	margin-top:10px;
	padding-bottom:10px;
	text-align: left;
	width:100%;/*for IE10*/
	letter-spacing: .05em;
	word-spacing:0.05em;
}
.name-span {
	font-family:'Mystique-Regular';
	font-weight:lighter;
}
.tag {
	text-align:center;
	font-size: 3.6em;
	color: rgb(255, 255, 255);
  text-shadow: -1px -1px 1px rgba(255, 255, 255, 0.2), 
               1px 1px 1px rgba(0, 0, 0, 0.6);
	/*color:#E1F0F6;	*/	   
}
.tag-col {
	color:#194860;
}
.h1-wrap {
	width:100%;/*for IE H1 to wrap correctly*/
}
.h2-wrap {
	width:100%;/*for IE H1 to wrap correctly*/
}
p {
	font-size:1.2em;
	max-width: 1400px;
	width:100%; /*for IE10*/
	padding-bottom:10px;
	line-height: 1.8em;
}
.p-center {
	text-align:center;
}
/*for video*/
.p-max {
	max-width:80%;
}
.bold {
	font-weight: 600;
}
.bold-italic {
	font-weight:700;
	font-style:italic;
}
/*.quote-marks {
	font-size:2em;
	font-weight:200;
	color: #999;
	
}*/
.contact-border {
	/*border: 1px solid #F00;
	border: 2px solid  #C09;*/
	padding: 0em 0em 1em;
	/*background-color:#D9E3E9;*/
		box-shadow:
  0 2.8px 2.2px rgba(0, 0, 0, 0.034),
  0 6.7px 5.3px rgba(0, 0, 0, 0.048),
  0 12.5px 10px rgba(0, 0, 0, 0.06),
  0 22.3px 17.9px rgba(0, 0, 0, 0.072),
  0 41.8px 33.4px rgba(0, 0, 0, 0.086),
  0 100px 80px rgba(0, 0, 0, 0.12);
  
 /* border-top:2px solid #C09;*/
  
 
 
	
}
.contact-border h1 {
	color:#C09;
}

#wrapper {
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	padding: 0px 10px;
	margin: 0px 10px;
}
.border {
	border-bottom: 2px solid #FFFFFF;
	max-width: 1600px;
	width:100%; /*need for IE*/
	padding:20px;
	margin:20px;
	min-height: 100vh;
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	background-color:#C2DFEB;
	border: 1px solid #F00;
	/*update 2022*/
	
	border: 2px solid  #C09;
	background-color:#FFF;

	
}

.gradient {
	
	 /* ff 3.6+ */
    background:-moz-linear-gradient(356deg, rgba(248, 252, 253, 1) 0%, rgba(217, 237, 243, 1) 100%); 

    /* safari 5.1+,chrome 10+ */
    background:-webkit-linear-gradient(356deg, rgba(248, 252, 253, 1) 0%, rgba(217, 237, 243, 1) 100%);

    /* opera 11.10+ */
    background:-o-linear-gradient(356deg, rgba(248, 252, 253, 1) 0%, rgba(217, 237, 243, 1) 100%);

    /* ie 6-9 */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F8FCFD', endColorstr='#D9EDF3', GradientType=1 );

    /* ie 10+ */
    background:-ms-linear-gradient(356deg, rgba(248, 252, 253, 1) 0%, rgba(217, 237, 243, 1) 100%);

    /* global 94%+ browsers support */
    background:linear-gradient(356deg, rgba(248, 252, 253, 1) 0%, rgba(217, 237, 243, 1) 100%);
	
	padding:20px;
	
}

 header {
	width:100%;
    max-width:1400px;
	-webkit-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none;   
    user-select: none; 
	font-family:'SD-Georgia-Light', serif;
	font-size:6em;
	line-height:1em;
    font-weight: normal;
	/*margin-top:10px;*/
	padding:20px 20px 10px;
	padding:0px 20px 10px;/*adjust for logo 30/03/21*/
	text-align: center;
	width:100%;/*for IE10*/
	
}
nav ul {
	font-size: 1.2em;
	 display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	
	margin-top:1em;
    list-style-type: none;
	
	-webkit-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none;   
    user-select: none;
	/*updated to select 12 April 2020*/
	
	
}
nav ul li {
	
	padding-top:.4em;
	line-height:1.8em;
	padding-left:.5em;
	padding-right:.5em;
	padding-bottom:.5em;
	margin:.5em;
	border-bottom: 1px solid #F00;
	border: 1px solid #F00;
/*	box-shadow: 10px 10px 90px  #7A85A9;*/
	/*box-shadow: 10px 10px 90px  #FFF;*/
	border: 2px solid  #C09;

}
.sub-menu ul {
	
/*font-size: 1.2em;*/
	 display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
	
	margin-top:1em;
    list-style-type: none;
	
	-webkit-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none;   
    user-select: none;
	
	font-size: 1em;

}
.sub-menu ul li {
	
	padding-top:.4em;
	/*line-height:1.8em;*/
	padding-left:.5em;
	padding-right:.5em;
	padding-bottom:.5em;
	margin:.5em;
	

}


 main {
	padding: 10px 10px 0px;
	margin-bottom:10px; /*because footer has been taken out of the flow*/
	width:100%;
    max-width:1400px;
	
	/*-webkit-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none;   
    user-select: none;*/
	/*updated to select 12 April 2020*/
	-webkit-user-select: text;
    -moz-user-select: text;   
    -ms-user-select: text; 
    user-select: text;    
	/*this solves my IE problem and also border bottom problem*/
	min-height: 100vh;
 }
 .ships {
	width:100%;
	padding-bottom:1em;
	margin: 0 auto;

}
main img {
	max-width:80%;
	margin:0 auto;
}
main .ships img {
	max-width:90%;
}

.intro {
	width:70%;
	margin:0 auto;
}
.indent {
	text-indent: -1.6em;
}
.spec-container {
	width:60%;
	margin:0 auto;
	
}
/*-------------specs------------------------*/
.spec-section {
	width:100%;/*I need this for IE to work*/
}
.spec{
	width:100%;
	
	padding:20px;
	
			box-shadow:
  0 2.8px 2.2px rgba(0, 0, 0, 0.034),
  0 6.7px 5.3px rgba(0, 0, 0, 0.048),
  0 12.5px 10px rgba(0, 0, 0, 0.06),
  0 22.3px 17.9px rgba(0, 0, 0, 0.072),
  0 41.8px 33.4px rgba(0, 0, 0, 0.086),
  0 100px 80px rgba(0, 0, 0, 0.12);


}
.spec-container {
	/*must keep this to keep it as the default row*/
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	margin:0;
	width: 100%;
	padding:0;
}

.spec-cell {
  float:left;/*for IE9*/
  width: 50%; 
  padding: 0.8em 0.6em;
  padding: 0.8em 0.8em;
  margin:0;
  	background-color: #E1F0F6;
	border: 1px solid #FFF;
}
/*-------------------------------------------------------------*/

/*-----------------------this is the mySlides slide show----------------------------*/
.slideshow {
	width:100%;/*--for IE10-----*/
	/*overflow:hidden;*//*----26/8/17----need this for smaller devices*/

	
}
figure img {
	max-width: 100%;
	height:auto;
	padding:0px; /*updated 25/11/2018*/
	box-shadow: 20px 20px 80px  #7A85A9; /*added 26 June 2021*/
	box-shadow: 20px 20px 80px #a1a9c2;

	

	 /* ff 3.6+ */
    background:-moz-linear-gradient(356deg, rgba(248, 252, 253, 1) 0%, rgba(217, 237, 243, 1) 100%); 

    /* safari 5.1+,chrome 10+ */
    background:-webkit-linear-gradient(356deg, rgba(248, 252, 253, 1) 0%, rgba(217, 237, 243, 1) 100%);

    /* opera 11.10+ */
    background:-o-linear-gradient(356deg, rgba(248, 252, 253, 1) 0%, rgba(217, 237, 243, 1) 100%);

    /* ie 6-9 */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F8FCFD', endColorstr='#D9EDF3', GradientType=1 );

    /* ie 10+ */
    background:-ms-linear-gradient(356deg, rgba(248, 252, 253, 1) 0%, rgba(217, 237, 243, 1) 100%);

    /* global 94%+ browsers support */
    background:linear-gradient(356deg, rgba(248, 252, 253, 1) 0%, rgba(217, 237, 243, 1) 100%);
	
	
			  box-shadow:
  0 2.8px 2.2px rgba(0, 0, 0, 0.034),
  0 6.7px 5.3px rgba(0, 0, 0, 0.048),
  0 12.5px 10px rgba(0, 0, 0, 0.06),
  0 22.3px 17.9px rgba(0, 0, 0, 0.072),
  0 41.8px 33.4px rgba(0, 0, 0, 0.086),
  0 100px 80px rgba(0, 0, 0, 0.12);
	
	
}
.slideshow figure {
	max-width:90%;
	position:relative;
	margin:0 auto;
}
.mySlides{
	width:90%;/*updated from 100% to 90% 9 Oct 2025*/
	text-align:center;
}
.mySlides-btn-left{
	position:absolute;
	top: 45%;
	/*left:3%;*/
	left:2%;
	/*font-size:2em;*/
	font-size:2.6em;
	color:#C09;
	cursor: pointer;
/*	padding:1.6em;
	margin:-1.6em;*/
	padding:1.2em 1.6em;
	margin:-1.2em -1.6em;
	z-index: 1;
}
.mySlides-btn-right{
	position:absolute;
	top:45%;
	/*right:-3%;*/
	right:2%;
	/*font-size:2em;*/
	font-size:2.6em;
	color:#C09;
	
	/*color:#7A85A9;*/
	cursor: pointer;
/*	padding:1.6em;
	margin:-1.6em;*/
	padding:1.2em 1.6em;
	margin:-1.2em -1.6em;
	z-index: 1;
}

.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1s;
  animation-name: fade;
  animation-duration: 1s;
}
/*-----------------------------------------------------------------------------------------------------*/
@-webkit-keyframes fade {
  from {
    opacity: .2
  }
  to {
    opacity: 1
  }
}

@keyframes fade {
  from {
    opacity: .2
  }
  to {
    opacity: 1
  }
}
/*-------------end slide show-----------------*/
.contact {
	margin-top:20px;
	
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
	/*background-color:#74899C;*/
}
.contact ul {
	font-size:1.6em;
    list-style-type: none;
	margin:0 auto;
	padding:1em;
	
}
.contact ul li {
	text-align:left;
	
}
/*----------------------------------------*/
.go-top {
	font-size:1.4em;
	position:fixed;
	bottom: 2.8em;
	right:1em;
	text-decoration:none;
	color:inherit;
	border: 1px solid #C09;
	padding: 0.4em 0.8em 0.4em;
	
	display:none;
}
/*-------------------------------------------------------------*/
.news-latest {
	background-color:#E1F0F6;
	/*background:linear-gradient(356deg, rgba(248, 252, 253, 1) 0%, rgba(217, 237, 243, 1) 100%);*/
	background-color:#fff;
	box-shadow: 20px 20px 80px #a1a9c2;
	border: 2px #C09 dashed;

	/*box-shadow: 10px 10px 90px  #FFF;*/
	border-top-left-radius: 30px;
	border-top-right-radius:30px;
	padding: 2rem;
	margin-bottom:3rem;
	margin-top:2rem;
	
}
.news-highlight {
	background-color:#E1F0F6;
	background-color:#fff;
	
	box-shadow: 20px 20px 80px #a1a9c2;
	border: 4px #C09 dashed;

	border-top-left-radius: 30px;
	border-top-right-radius:30px;
	padding: 2rem;
	margin-bottom:3rem;
	margin-top:2rem;
}
.newa-old {
	box-shadow: 20px 20px 80px #a1a9c2;
	background-color:#C2DFEB;
	padding: 2rem;
	margin-bottom:3rem;

}
.news-h2 {
	text-align:center;
	font-size:1.8em;
}
.news img {
	border: 1px solid  #00F;
}

/*----------video---------------*/
.vid-box {
	background-color:#fff;
	
	box-shadow: 20px 20px 80px #a1a9c2;
	border: 4px #C09 dashed;

	border-top-left-radius: 30px;
	border-top-right-radius:30px;
	/*padding: 2rem;
	margin-bottom:3rem;
	margin-top:2rem;*/
	margin:0 auto;
	max-width:100%;
}
.vid-contain {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 56.25%;  /*16:9 Aspect Ratio; */
}
.responsive-iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border: none;
}
/*---------end video----------------*/

/*------------------------SHIPS PAGE------------------------------------------------*/
.shippage {
	background-color:#C2DFEB;
	padding: 2rem;
	/*background-color:#C2DFEB;*/
	background-color: #E1F0F6;
	
	margin-bottom:3rem;
}

.shippage-h2 {
	text-align:left;
	font-size:1.4em;
}
.arrow {
	font-weight:bold;
	font-size:1.4em;
	padding:0.2em 0.4em 0.2em;
	margin-left:0.5em;
	box-shadow:
  0 2.8px 2.2px rgba(0, 0, 0, 0.034),
  0 6.7px 5.3px rgba(0, 0, 0, 0.048),
  0 12.5px 10px rgba(0, 0, 0, 0.06),
  0 22.3px 17.9px rgba(0, 0, 0, 0.072),
  0 41.8px 33.4px rgba(0, 0, 0, 0.086),
  0 100px 80px rgba(0, 0, 0, 0.12);
}


.box {
  box-shadow:
  0 2.8px 2.2px rgba(0, 0, 0, 0.034),
  0 6.7px 5.3px rgba(0, 0, 0, 0.048),
  0 12.5px 10px rgba(0, 0, 0, 0.06),
  0 22.3px 17.9px rgba(0, 0, 0, 0.072),
  0 41.8px 33.4px rgba(0, 0, 0, 0.086),
  0 100px 80px rgba(0, 0, 0, 0.12);
}


/*-----------------------------------------------------------*/
footer {
	font-size: .9em;
	color:rgb(0,0,0);
	text-align:center;
  /*for bottom of the page footer*/
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 1rem;
	/*end for bottom of the page footer*/
	display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
	 -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
}






/*-------------------------------------------------------------------------------*/

@media screen and (max-width: 1300px) {
.mySlides-btn-left{
	position:absolute;
	top:45%;
	left:1%;
	font-size:1.4em;
	/*color:#000;*/
}
.mySlides-btn-right{
	position:absolute;
	top:45%;
	right:1%;
	font-size:1.4em;
	/*color:#000;*/
}

/*.slideshow figure {
	max-width:70%;
	position:relative;
	margin:0 auto;
}*/
.news-highlight {
	
	padding: 1rem; /*change fro 0 to 1 on 6/2/22*/
	margin-bottom:3rem;
	margin-top:2rem;
}
	.sub-menu { /*update 8 April 2024*/
	display:none;
}


}
@media screen and (max-width: 800px) {

	
	.sub-menu { /*update 8 April 2024*/
	display:none;
}
	h1 {
		text-shadow:.05em .05em .05em  #ffffff;
	}
	.tag {
	font-size:26px;
	}
	
	header {
		font-size:4em;
		margin-top:10px;
	    padding:0px 10px 0px;/*udate for logo */
	}
	.ships {
	max-width:100%;
	padding-bottom:0em;
	}
	.intro {
	width:90%;
	margin:0 auto;
	}
	.border {
		margin:12px 6px 6px;
		
	}
	#wrapper {
		padding:0px;
	}
	.mySlides-btn-left{
	position:absolute;
	top:45%;
	left:1%;
	font-size:1.2em;
	/*color:#000;*/
}
.mySlides-btn-right{
	position:absolute;
	top:45%;
	right:1%;
	font-size:1.2em;
	/*color:#000;*/
}
.contact ul {
	font-size:1.2em;
}
h1 {

	
	font-size:1.9em;

}



.news-highlight {
	
	padding: 1rem;
	margin-bottom:3rem;
	margin-top:2rem;
}


}
@media screen and (max-width: 500px) {
	.border {
		padding:10px;
	    margin:10px;
	}
	 main {
	   padding: 10px 4px 10px;
	 }

	p {
		padding:4px 2px;
	}
	
   h2 {
		font-size:1.6em;
		margin-top:0px;
	   
	}
	.tag {
	font-size:24px;
	}
	.mySlides{
	width:100%;/*updated larger viewports from 100% to 90% 9 Oct 2025*/
	text-align:center;
}

.mySlides-btn-left{
	position:absolute;
	top:45%;
	left:-1%;
	font-size:1.2em;
}
.mySlides-btn-right{
	position:absolute;
	top:45%;
	right:-1%;
	font-size:1.2em;
}

.slideshow figure {
	max-width:70%;
	position:relative;
	margin:0 auto;
}
.contact ul {
	font-size:1.1em;
}




}
@media screen and (max-width: 380px) {
	body {
		font-size:0.8em;
	}
	h1 {
		text-shadow:.05em .05em .05em  #ffffff;
	}

	.border {
		padding:10px;
	    margin:10px 10px 20px;
	}

}
	
@media screen and (max-width: 260px) {
	body {
	font-size:.6em;
	}
		.p-center {
	text-align:left;
	}
}