/*  
@media screen and (max-width: 480px) {
    body {
        background-color: lightgreen;
    }
}
 */

html, body, div{
padding:0;
margin:0;
}
a{
text-decoration:none;
background-color:none;
}
a:active { 
text-decoration: none;
background-color:none;
}
a:hover{
background-color:transparent;
}
p, li{
font-family:Helvetica;
}

*{
-webkit-box-sizing: border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}

.container { 
max-width: 100vw;
height:auto;
}

.logo{
width:20vw;
height:auto;
margin-right:40vw;
margin-left:40vw;
}

#topnav{
width:100%;
height:30px;
padding:0;
margin:0 auto;
list-style-type:none;
background-color:rgb(225,3,28);
}

#topnav li:nth-child(1){
color:white;
width:600px;
float:left;
padding:0;
margin-left:calc(50% - 300px);
text-align:center;
}
#topnav li:nth-child(2){
width:100px;
float:left;
padding:0;
margin-left:50px;
text-align:center;
}

#topnav li{
line-height:1.8em;
font-size:18px;
}


#topnav li a{
height:30px;
color:white;
font-size:18px;
padding:0;
font-family:Helvetica;
}



#shopify-container {
	width: 77%;
	margin-left:auto;
	margin-right:auto;
}


footer{
width: 100%;
height:auto;
text-align: center;
}
footer p{
font-size:12px;
}
footer ul{
list-style:none;
width:800px;
margin:0 auto;
}
footer ul li{
width:200px;
float:left;	
margin:10px;
}

.imgFrame{
display:-webkit-flex;
display:-moz-flex;
display:flex;
flex-direction:row;
-webkit-flex-direction:row;
-moz-flex-direction:row;
flex-wrap:wrap;
align-content:space-around;
width:1200px;
height:auto;
margin:0 auto 100px;
}

.imgFrame div{
width:300px;
height:auto;
margin:10 auto;
}
.imgFrame img{
width:300px;
height:300px;
}
.imgFrame div p{
text-align:center;
color:black;
}

.contactFrame{
width:450px;
height:auto;
margin:150px calc(50% - 225px);
}

.email{
width:450px;
height:auto;
font-size:25px;
text-align:center;
margin:0 0 20px 0;

}
.emailBody{
width:450px;
height:auto;
font-size:20px;
text-align:center;
margin:0 0 120px 0;
}

.address{
width:450px;
height:auto;
font-size:20px;
text-align:center;
}
.addressBody{
width:450px;
height:auto;
font-size:20px;
text-align:center;
}

.about{
width:300px;
height:auto;
margin:50px calc(50% - 150px);
font-size:15px;
text-align:center;
}
.aboutBody{
width:500px;
height:auto;
margin:0 auto 50px;
}