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




body {background-color:aliceblue}
.banner {text-align:left; font-size: 25px; background-image:url; 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: 1550px; width:75%; margin-bottom: 0px; margin: auto; text-align: center; float:left;}

.shophours {width:22%; float:left; background-color: white; text-align: center;height: 1550px}

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

.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;}

.bannerimage {width: 100%; height: auto;}

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

.surfingbannerimg {width:100%; margin-bottom: 0px; padding-bottom:0px}

.surflessonbutton {border: solid black; margin: 5% 35%; box-shadow: 2px 3px 4px 1px gray }

.salebanner {border: solid; box-shadow: 5px 4px 3px 3px #9af3ff; margin:auto; width: 98%; text-align: center; font-size: 20px; font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif"; margin-top: 10px }

a {text-decoration: none; font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; color: #b65f13;}

h3 {font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; font-size: 24px; color: #B65F13}

p {font-size: 17px; margin: 15px; line-height: 1.7; font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";}

.opensignimg {width: 70%; margin-top: 60px; margin-bottom:10px;}

.socialmedialogos {padding: 50px 5px 5px 5px}

@media screen and (max-width: 850px){
 	li a{display:block;}
	.address{width: 100%; height:auto;}
	.contactinfo{width:100%; height: auto}
	.page2{width:100%; height:auto; margin: auto;}
	.shophours {width:100%}
	.opensignimg {width: 40%}
	.container {width: 90%;margin:auto;}
}