@media screen {
    body {
        background-color: #222E2E;
        margin: 0;
        padding: 0;
        font-size: 100%;
        width: 100%;
    }
}

    a {
    text-decoration: none;
}

    a:visited {
        text-decoration: none;
    }

    a:hover {
        text-decoration: none;
    }

ul {
    margin-top: 0px;
    list-style-type: disc;
    line-height: 20px;
}

.container-main {
    width: 100%;
}

.container-98 {
    width: 98%;
}

.container-95 {
    width: 95%;
}

.container-90 {
    width: 90%;
}

.container-verytop {
    background-color: transparent;
    background-image: url(images/bg-whitegauze01.png);
    background-position: left top;
    background-repeat: repeat;
    width: 100%;
    height: 96px;
}

.navigation-home {
    font-family: "Protest Revolution", sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 4em;
    margin-top: 0px;
    margin-bottom: 0px;
}

.navigation {
    font-family: "Protest Revolution", sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 3em;
    margin-top: 0px;
    margin-bottom: 0px;
}

.navlink {
    color: #048CA2;
}

.navlink:hover {
    color: #A0CF5F;
}

.navlink:visited {
    color: #048CA2;
}

.container-footer-bottom {
    background-color: #36B4B8;
    background-image: url(images/Blue4.jpg);
    background-position: center bottom;
    background-repeat: no-repeat;
    width: 100%;
    height: 150px;
}

.tiny-text {
    color: #36B4B8;
    font-size: 5px;
    font-family: 'Times New Roman', Times, serif;
    font-variant: normal;
    font-weight: 100;
    font-style: normal;
    margin: 0px 0px 0px 0px;
}

.text-footer {
    font-family: "Tangerine", cursive;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    font-size: 2.35em;
    color: #ffffff;
    margin: 0px 0px 0px 0px;
}

.copyright {
    font-family: "Tangerine", cursive;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    font-size: 1.5em;
    color: #ffffff;
    margin: 0px 0px 0px 0px;
}

.hiddenlink-phonenumber {
    color: #ffffff;
}

.hiddenlink-emailaddress {
    color: #ffffff;
    text-decoration: underline;
}

/* HOME PAGE */
.container-home-largebackground {
    background-image: url(images/bg-home01b.jpg);
    background-position: center left;
    background-repeat: no-repeat;
    width: 100%;
    height: 1145px;
}

/* SUB PAGES */
.container-captain-largebackground {
    background-image: url(images/bg-meetyourcaptain01.jpg);
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 500px;
}

.container-registertofish-largebackground {
    background-image: url(images/bg-registertofish01.jpg);
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 500px;
}

.container-pagetitle {
    height: 350px;
}

h1 {
    font-family: "Protest Revolution", sans-serif;
    font-weight: 300;
    font-style: italic;
    font-size: 6em;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #ffffff;
    text-shadow: 8px 8px #000000;
}

.container-meetyourcaptain {
    background-color: #ffffff;
    background-image: url(images/bg-captain02.jpg);
    background-position: center left;
    background-repeat: no-repeat;
    width: 100%;
    height: 700px;
}

.container-registertofish-tanbackground {
    background-color: #D9D7D1;
    width: 100%;
    height: 700px;
}

.container-registertofish-fishbackground {
    background-image: url(images/bg-subpage01-fish.jpg);
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
}

.table-whattobring {
    background-color: transparent;
    background-image: url(images/bg-goldgauze02.png);
    background-position: left top;
    background-repeat: repeat;
    width: 100%;
    height: 300px;
}

.text-blackish {
    font-family: "Story Script", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    font-size: 1.55em;
    color: #333333;
    margin: 10px 0px 0px 0px;
}

.text-whiteish {
    font-family: "Story Script", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    font-size: 1.55em;
    color: #f0f0f0;
    margin: 10px 0px 0px 0px;
}

.list-whiteish {
    font-family: "Story Script", sans-serif;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    font-size: 1.55em;
    color: #f0f0f0;
    margin: 10px 0px 0px 0px;
}

.text-blueish-quote {
    font-family: "Libertinus Serif Display", system-ui;
    font-weight: 600;
    font-style: italic;
    font-variant: normal;
    font-size: 1.85em;
    color: #36B4B8;
    margin: 20px 0px 0px 0px;
}

.title-bluegreen {
    font-family: "Libertinus Serif Display", system-ui;
    font-weight: 600;
    font-style: italic;
    font-variant: normal;
    font-size: 1.85em;
    color: #04B3B9;
    margin: 20px 0px 0px 0px;
}

.container-photogallery {
    background-color: #ffffff;
    width: 100%;
    height: 300px;
}

.photogallery-photostyles {
    border: 0;
    padding: 0;
    margin: 0;
    float: left;
    width: 20%;
}

.photogallery-hover-image {
    opacity: 1;
}

    .photogallery-hover-image:hover {
        /*background-color: #0A3254;*/
        background-color: #000000;
        opacity: .7;
    }