.cd {
    color: aliceblue;
}

.block {
    display: block;
}

.black-bg {
    background-color: black;
}



.little {
    width: 50px;
    margin-top: 0;
}

.pad-3-15 {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-right: 15px;
}

.bgc-b {
    background-color: rgb(0, 0, 0);
}

.margin-a {
    margin: auto;
}

.box {
    box-sizing: border-box;
}

.mar-0 {
    margin: 0;
}


.parallax-1 {
    background-image: url(/images/crashing\ water.jpg);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    min-height: 600px;
}



.parallax-2 {
    background-image: url(/images/rosun.jpg);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    min-height: 200px;
}

.parallax-3 {
    background-image: url(/images/keepmainb.jpg);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    min-height: 500px;
}

.parallax-33 {
    background-image: url(/images/keepmainb.jpg);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    min-height: 100px;
}

.textshadow2 {
    text-shadow: rgb(140, 165, 138) 2px 2px;
}

.text-bl {
    color: rgb(4, 117, 117);
}

.parallax-4 {
    background-image: url(/images/keepmainb.jpg);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    min-height: 500px;
}

.parallax-5 {
    background-image: url(/images/oceanwater.jpg);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    min-height: 500px;
}


.parallax-6 {
    background-image: url(/images/gateway.jpg);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    min-height: 500px;
}

.parallax-6:hover {
    background-image: url(/images/gateway.jpg);
    background-size: cover;
    transition-duration: 10s;
    background-position: center;
    background-attachment: fixed;
    height: 500px;
}

.parallax-7 {
    background-image: url(/images/urock.jpg);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    min-height: 300px;
}


.parallax-8 {
    background-image: url(/images/peak.jpg);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    min-height: 500px;
}

.parallax-9 {
    background-image: url(/images/hillybilly.jpg);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    min-height: 600px;
    margin-bottom: 50px;
}



.parallax-10 {
    background-image: url(/images/waterfall.jpg);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    min-height: 500px; 
}

.parallax-12 {
    background-image: url(/images/bubbles\ \(2\).jpg);
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    min-height: 300px;
}

.width33 {
    width: 40%;
}

.parallax-13 {
    background-image: url(/images/a.jpg);
    background-size: cover;
    width: 80%;
    border-radius: 15px;
    background-position: center;
    background-attachment: fixed;
    min-height: 300px;
}

.border-15 {
    border-radius: 15px;
}

.ff {
    font-family: cursive;
}

.middle {
    justify-content: center;
    text-align: center;
}

.text-size {
    font-size: 100px;
}

.width-60 {
    width: 50%;
}

.text-align {
    text-align: center;
}

.align-items-c {
    align-items: center;
}

.inline {
    display: inline;
}

.width {
    width: 45%;
}

.back-blkh {
    border: 2px solid;
    border-color: rgb(4, 94, 94);
    max-width: 400px;
}

.back-blkh:hover {
    background-color: rgb(10, 75, 100);
    transition-duration: 2s;
    border: 2px solid;
    border-color: rgb(4, 94, 94);
}

.width-vid {
    width: 50%;
}

.hi-50 {
    padding: 200px 10px;
}

.out {
    border: 2px rgb(3, 58, 55) solid;
    border-radius: 15px;
}

.justify-se {
    justify-content: space-evenly;
}

.p-b-c {
    background-color: rgb(1, 43, 43);
}

.pad-v-15 {
    padding: 15px 1px;
}

.justify-c {
    justify-content: center;
}

.pad {
    padding: 10px;
}

.flex {
    display: flex;
}

.greyb {
    background-color: dimgrey;
}

.flexr {
    flex-direction: row;
}

.flex-wrap {
    flex-wrap: wrap;
}

.textshadow {
    text-shadow: 3px 3px rgb(19, 82, 82);
}

.color-a {
    color: aliceblue;
}

.list-s-t-n {
    list-style-type: none;
}

.tdn {
    text-decoration: none;
}

.ff1 {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.max-w {
    max-width: 80%;
}

.back-b {
    background-color: rgb(85, 128, 128);
}

.back-b:hover {
    background-color: rgb(21, 94, 94);
    transition-duration: .3s;
}

.back-blk {
    background-color: rgb(85, 128, 128);
}

.pad-15 {
    padding: 30px
}

.width-30 {
    width: 30%;
}

.postition-s {
    position: fixed;
    margin: 0;
}

.width-100 {
    width: 100%;
}

.act {
    background-color: rgb(0, 41, 41);
    font-family: cursive;
}

.flex2 {
    display: flex;
}

.some-white {
    color: rgb(219, 121, 2);
}




@media (max-width: 768px) {
    .flex2 {
        display: inline-block;
    }

    .width {
        width: 80%;
    }

    .pad-15 {
        padding: 15px;
    }

    .parallax-1 {
        background-image: url(/images/crashing\ water.jpg);
        background-size: cover;
        background-position: center;
        background-attachment: fixed;
        min-height: 400px;
    }

    .parallax-4 {
        background-image: url(/images/keepmainb.jpg);
        background-size: cover;
        background-position: center;
        background-attachment: fixed;
        min-height: 400px;
    }

    .parallax-5 {
        background-image: url(/images/oceanwater.jpg);
        background-size: cover;
        background-position: center;
        background-attachment: fixed;
        min-height: 400px;
    }


    .parallax-6 {
        background-image: url(/images/gateway.jpg);
        background-size: cover;
        background-position: center;
        background-attachment: fixed;
        min-height: 400px;
    }

    .parallax-6:hover {
        background-image: url(/images/gateway.jpg);
        background-size: cover;
        transition-duration: 10s;
        background-position: center;
        background-attachment: fixed;
        height: 400px;
    }

    .width-60 {
        width: 60%;
    }

    .small-hide {

        height: 1px;
    }

    .text-size {
        font-size: 50px;
    }
}