@charset "UTF-8";
/* CSS Document */




body {background-color:aliceblue}
.banner {text-align:left; font-size: 25px; background-color:aliceblue; padding: 10px;}

.navigation {background-color: white; width: 100%;text-align: center; border: solid 4px black}


ul {list-style-type: none;margin:0px; padding: 10px 0px 10px 0px; color:darkslateblue; font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; text-decoration: none; }


li {text-decoration: none; color: inherit; display:inline; padding: 0px 100px 0px 100px; font-size: 16px; font-weight: 200}

.page2 {background-color:white; height: 675px; width:20%; margin:auto; align-content:center; float:left; text-align: center}

.page3 {background-color:white; height:675px; width: 80%; margin-left:auto;margin-right: auto; float:left; text-align: center; line-height: 30px}

.surfshopimg{
	width:100%;
}


.oleo-script-bold {
  font-family: "Oleo Script", system-ui;
  font-weight: 700;
  font-style: normal; font-size: 30px
}

.contactinfo {background-color: white; float:left; width: 50%;margin: auto; text-align: center; height:125px; margin-top: 10px;color: #b65f13}

.address {background-color: white; float:left; width: 50%; margin: auto; text-align: center; height: 125px; margin-top: 10px; color: #b65f13;}

.center {display:block; margin-left:auto; margin-right:auto;}

h2 {border: solid 1.75px; text-align: center; margin: 20px 30px 20px 30px;}

p {padding: 0px 10%}

.container {width: 90%; margin:auto}

h1 {text-shadow: 5px 5px 5px #c4d7e5}

a {color: #b65f13}

@media screen and (max-width: 850px){
 	li a{display:block;}
	.address{width: 100%; height:auto; margin-bottom: 0px}
	.contactinfo{width:100%; height: auto; margin-top: 0px}
	.page2{width:100%; height:auto}
	.page3 {width:100%; height:auto}
	.surfshopimg {display:none;}
	
}