@import "navbarstyle.css";

html {
    scroll-behavior: smooth;
    background-color: white;
    -ms-overflow-style: none;
    color: rgb(0, 0, 0);
  }

h1 {
  font-family: 'Montserrat', sans-serif;
}

h2 {
  font-family: 'Montserrat', sans-serif;
}

p {
  font-family: 'Open Sans', sans-serif;
}

#body {
    margin: 0%;
    height: auto;
}

a:link {
    text-decoration: none;
    color: rgb(212, 215, 216);
}

a:visited {
    text-decoration: none;
    color: rgb(212, 215, 216);
}

a:hover {
    text-decoration: underline;
    color: rgb(206, 87, 18);
}

/* 9.jpg, bgpos: bottom | 95.jpg, bgpos: center | 110.jpg, bgpos: bottom */
.header {
    padding-top: 1rem;
    background-image: url("montego4.jpg");
/*    background-color: rgb(228, 230, 231); */
    background-position: bottom;
    background-size: cover;
    height: 30rem;
    margin: 0%;
}

/* #hindsight {     THIS GOES WITH 110.jpg
  color:steelblue;
  font-family:'Times New Roman', Times, serif;
} */

/*
.inside-header {

}
*/

.title { /* Title */
    margin: 1%;
    height: 6rem;
    text-align: center;
    color: rgb(255, 255, 255);
    font-size: 1.3em
}

#logo { /* Logo */
    text-align: center;
}

#logo-img {
    width: 10rem;
}


section {
    padding: 40px, 30%;
    padding-top: 4%;
    padding-bottom: 4%;
}

#fleet {
    text-align: center;
    font-size: 3em;
}

#name-color {
    color: brown;
}

/* ‼ Preferrably use PADDING rather than margin to adjust images and text because having margin: auto helps when resizing the window/screen ‼*/
/* Setting → margin-left/right: auto ← perfectly centers the element when the window is too small to fit on one line.*/




/* Left style, the image is on the left */
#left {
  font-size: 1.5em;
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: wrap;
  flex-grow: 3;
  padding-left: 1rem;
  padding-right: 1rem;
  margin-left: auto;
  margin-right: auto;
}

#left-disc {
  width: 75%;
  padding-left: 6rem;
  text-align: right;
  margin-left: auto;
  margin-right: auto;
}

#left-h {
  padding-bottom: 1rem;
  /* text-align: right; */
}

#left-img {
  margin-left: auto;
  margin-right: auto;
  border-radius: 5%;
  border-color: black;
  border-style: solid;
  max-width: 272px;
}







#right {
  font-size: 1.5em;
  width: auto;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex-grow: 3;
  padding-left: 1rem;
  padding-right: 1rem;
  margin-left: auto;
  margin-right: auto;
}

#right-disc {
  width: 75%;
  padding-right: 6rem;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}

#right-h {
  padding-bottom: 1rem;
  /* text-align: left; */
}

#right-img {
  margin-left: auto;
  margin-right: auto;
  border-radius: 5%;
  border-color: black;
  border-style: solid;
  max-width: 272px;
}



















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


.footer {
  display: flex;
  text-align: center;
  position: absolute;
  bottom: 0%;
  width: 100%;
}

/* .footer text-align didn't seem to do anything...: */
#footer-txt {
  text-align: center;
  font-size: 1.5rem;
  font-family: 'Montserrat', sans-serif;
}

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

  #montego-disc {
    text-align: center;
    padding: 1%;
  }

  #speedball-disc {
    text-align: center;
    padding: 1%;
  }

  #sunfish-disc {
    text-align: center;
    padding: 1%;
  }

  #roger-disc {
    text-align: center;
    padding: 1%;
  }

  #windchaser-disc {
    text-align: center;
    padding: 1%;
  }

  #bobSnipe-disc {
    text-align: center;
    padding: 1%;
  }

  #snipe-disc {
    text-align: center;
    padding: 1%;
  }

  #driftwood-disc {
    text-align: center;
    padding: 1%;
  }
}

@media screen and (max-width:750px) {
  #nav-abt {
    display: none;
  }

  #nav-hist {
    display: none;
  }

  #nav-join {
    display: none;
  }
}

@media screen and (max-width:455px) {
  #logo { /* Logo */
    padding-top: 4rem;
    text-align: center;
  }

  .navbar li {
    padding: 0 15px;
  }

  .dropdown-content {
    min-width: 6rem;
  }
}
/* We're no strangers to love
You know the rules and so do I
A full commitment's what I'm thinking of
You wouldn't get this from any other guy
I just wanna tell you how I'm feeling
Gotta make you understand
Never gonna give you up
Never gonna let you down
Never gonna run around and desert you
Never gonna make you cry
Never gonna say goodbye
Never gonna tell a lie and hurt you
We've known each other for so long
Your heart's been aching but you're too shy to say it
Inside we both know what's been going on
We know the game and we're gonna play it
And if you ask me how I'm feeling
Don't tell me you're too blind to see
Never gonna give you up
Never gonna let you down
Never gonna run around and desert you
Never gonna make you cry
Never gonna say goodbye
Never gonna tell a lie and hurt you
Never gonna give you up
Never gonna let you down
Never gonna run around and desert you
Never gonna make you cry
Never gonna say goodbye
Never gonna tell a lie and hurt you
Never gonna give, never gonna give
(Give you up)
We've known each other for so long
Your heart's been aching but you're too shy to say it
Inside we both know what's been going on
We know the game and we're gonna play it
I just wanna tell you how I'm feeling
Gotta make you understand
Never gonna give you up
Never gonna let you down
Never gonna run around and desert you
Never gonna make you cry
Never gonna say goodbye
Never gonna tell a lie and hurt you
Never gonna give you up
Never gonna let you down
Never gonna run around and desert you
Never gonna make you cry
Never gonna say goodbye
Never gonna tell a lie and hurt you
Never gonna give you up
Never gonna let you down
Never gonna run around and desert you
Never gonna make you cry
Never gonna say goodbye */