*{
	box-sizing: border-box;
}

body {
	font-family:verdana, geneva, sans-serif;
	font-size:14px;
	background-color:rgba(255,255,255,1.00);
}
h2{
	color:rgba(8,75,125,1.0);
}
h1,h3{
	color:rgba(255,255,255,1.00);
}
.back_to_main{
    color: #ff24ab;  
    width:100%;
    height:auto;
    margin:auto;
    padding:auto;
    padding-bottom:10px;
}
.site{
    width:100%;
    background-color: aliceblue;
}

.wrapper{
    max-width: 1400px;
	height:auto;
	margin:auto;
	background-color: rgba(255,255,255,1.0);
	overflow:auto;
	align-content: center;
	padding:10px;
}
/*nav*/
.nav{
    display: flex;
    flex-direction: row;
    align-content: center;
    width:100%;
    gap:200px;
    height:auto;
    margin: auto;
    background-color: rgba(8,75,125,1.0);
    z-index: 10000;
}

.logo{
    height: auto;
    width:500px;
    padding:10px;
    margin: auto;

}
.logo img{
    width:100%;
    height:auto;
    margin: auto;
}

.navBar{
    margin:auto;
    width:85%;
    padding:10px;
    display: flex;
    justify-content: flex-end;
    padding:10px;
}

.navList{
    display: flex;
    flex-direction: column;
    background-color:rgba(8,75,125,.50);
}

.navBar a:hover {
    color: rgba(255,139,0,1.00);
}

.show{
    display: block;
}

.hide{
    display:none;
}





/*End of nav*/






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


.lil_exit{
	padding-left:10px;
	clear: left;
	float:left;
	width:34%;
	font-size: 8pt;
	
}
.about{
	
	float:left;
	width:22%;
	
}

.Resources{
	float:left;
	list-style-type: none;
	width:22%;
}

.Socials{
	float:left;
	width:22%;
	
}

.about ul{
	list-style-type: none;
}
.Socials ul{
	list-style-type: none;
}
.Resources ul{
	list-style-type: none;
}
	.Daily_Shrimp{
		background-color:rgba(255,255,255,1.00);
		width:100%;
		height:auto;
		padding: 10px;
		margin:10px;
	}


.footer{
	clear:left;
	float:left;
	width:100%;
	height:auto;
	background-color:rgba(162,209,240,1.00);
	position:relative;
	top:-20px;
	padding-left:10px;
	align-content: center;
}
 @media(min-width:700px){

    .logo{
        max-width: 20%;
    }

    #iconOpen,
    #iconClose{
        display: none;
    }

    .navList,
    .navList.hide{
        display: flex;
        flex-direction: row;
        background-color: transparent;
    }

    .navBar{
        display: flex;
        justify-content: flex-end;
        align-items: center;
    }

    .navBar ul{
        position: static;
        list-style-type: none;
        margin: 0;
        padding: 0;
        overflow: visible;
    }

    .navBar li{
        float: none;
    }

    .navBar a {
        display: block;
        width: 115px;
        height: 40px;
        font-weight:bold;
        color: rgba(255,255,255,1.00);
        text-align: center;
        line-height: 40px; 
        text-decoration: none;
    }

    .cart{
    position: absolute;
        top:25px;
        right:35px;
        height: auto;
    }
}