body {
    width:100%;
    height:100%;
    margin:0px;
    padding:0;
    }

    #stock {
    
    }
    
    #wrapper {
    width:80%;
    height:100%;
    margin:0 auto;
    padding:0;   
    }
    
    #header {
    width:100%;
    height:15%;
    min-height:100px;
    background-color: white;
    margin:0;
    padding:0;
    }
    
    h1 {
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 32px;
    color: black;
    margin-left: 100px;
    }
    
 
    
    .nav, ul, {
    width:90%;
    list-style: none;
    }
    
    .nav li {
    margin-top:20px;
    color:black;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size:16px;
    display:inline;
    list-style: none;
    text-decoration:underline;
    } 
    
    .nav li a {
        margin-right:20px;
    color:black;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size:16px;
    display:inline;
    padding-left:5px;
    text-decoration:underline;
    float:left;
    }
    
        .nav li .gallerydrop, .dropdown {
        margin-right:20px;
    color:black;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size:16px;
    display:inline;
    padding-left:5px;
    text-decoration:none;
        border: none;
    outline: none;
        background: none;
    }
    
    .logo {
    display:inline;   
    float:left; 
    padding-left:5px;
    }
    
    .logo img {
    width:90px;
    opacity: 0.8;
    }
    
    .content {
    width:90%;
    height:300px;
    position:relative;
    margin: 0 auto;
    text-align: center;

    }

    .content2 {
    width:75%;
    height:300px;
    }
    
    
    .content img {
    width:100%;
    height:30%;
    }
    
    .nav {
    padding-left: 60px;
    width:90%;
    }
    
    #divider {
    width:40%;
    height:1px;
    background-color: black;
    margin:1px;
    margin-left:100px;
    }
    
    .Featured_Slideshow {
    width:100%;
    margin-top: 20px;
    }
    
    
    .image {
    position: relative;
    }
    
    .image h2,a {
    color:white;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size:38px;
    }
    
    .image h2 {
    width:420px;
    height:110px;
    position:absolute;
    top:5%;
    left:5%;
    background-color: rgba(0,0,0,0.3)
    }
    
    .f_image {
    position:relative;
    
    }
    
    .testshow {
    position:relative;
    }
    
    .f_image h2 {
    color:black;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size:16px;
    text-align: center;
    padding-top:30px;
    }
    
    .f_image img {
    position: relative;
    margin: 0 auto;
    max-width:70%;
     overflow: visible
    }
    
 .slick-slide, .slick-loading {
  background: url('images/loader2.gif') no-repeat center;
}

 
    .image a {
	box-shadow: 0px 10px 14px -7px #414647;
	background-color:rgba(0,0,0,0.4);
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:roboto;
	font-size:20px;
	padding:13px 32px;
	text-decoration:none;
	text-shadow:0px 1px 0px #3d768a;
    margin-left:20px !important;
    margin-top: 5px;
    text-align: left;
    left:30px;
    }

.image a:hover {
	background-color:rgba(0,0,0,1);
}
    
    .content h3, h4 {
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 42px;
    color: black;
    position:relative;
    margin: 0 auto;    
        width:40%;  
    text-align: center;
    margin-top:1%;
    }

.content_2 h3, h4 {
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size: 20px;
    color: black;
    position:relative;
    margin: 0 auto;    
        width:60%;  
    text-align: center;
    margin-top:1%;
    }

.content_2 h3 {
font-size:30px;
}    
.content h4 {
font-size:20px;
width:75%;
margin-top:1%;
}

#orderpagehome {
font-family: 'Roboto', sans-serif;
font-weight: 100;
font-size:20px; 
color: black;
display:inline;
text-decoration: none;
text-decoration: underline;
}

    .dropdown {
    float:left;
    overflow:hidden;
    }
    
    .content #divider {
    position:relative;
    margin: 0 auto; 
    width:40%;
    height:1px;
    background-color: black;
    margin-top:5px;
    }

    .content_2 #divider {
    position:relative;
    margin: 0 auto; 
    width:40%;
    height:1px;
    background-color: black;
    margin-top:5px;
    }
    
    
    .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 100px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
        
}

#tracker {
display:none;
visibility:hidden;
}

#tracker img {
display:none;
visibility:hidden;
}


.dropdown-content a {
    float: none;
    color: black;
    padding: 12px 0px !important;
    text-decoration: none;
    display: block !important;
    text-align: left;
    width:100%;
}

.dropdown-content a:hover {
    background-color: #ddd !important;
}

.dropdown:hover .dropdown-content {
    display: block;
}
    
    .nav a:hover, .dropdown:hover .dropbtn {
    text-decoration:underline; 
}

.slick-prev:before {
  color: black !important;
}
.slick-next:before {
  color: black !important;
}

.content_2 {
background-color: rgba(0,0,0,0.1);
}


@media screen and (max-width: 700px) {
    #wrapper {
    width:100%;
    }
    
    h1 {
    font-size: 18px;
    margin-left: 20vw;
    }
    
    #divider {
    margin-left:30%;
    }
    
        .image h2,a {
    color:white;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    font-size:14px;
    }
    
    .image h2 {
    width:200px;
    height:50px;
    position:absolute;
    top:5%;
    left:5%;
    background-color: rgba(0,0,0,0.3)
    }
    
        .image a {
    font-size:10px;
	padding:4px 11px;
    
    }
    
        .nav {
    width:100%;
    list-style: none;
    padding:0px;
    }
    
    .nav li {
        
    width: 100%;
    margin-top:20px;
    color:black;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size:16px;
    display:inline;
    list-style: none;
    text-decoration:none;
    } 
    
    .nav li a {
        margin-right:0px;
    color:black;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size:14px;
    display:block;
    padding-left:2px;
    text-decoration:none;
    float:none;
    }
    
    
            .nav li .gallerydrop, .dropdown {
        margin-right:20px;
    color:black;
    font-family: 'Roboto', sans-serif;
    font-weight: 100;
    font-size:14px;
    display:inline;
    padding-left:2px;
    text-decoration:none;
        border: none;
    outline: none;
        background: none;
    }
    
    .logo {
    display:none;   
    float:none; 
    padding-left:1px;
    }
    
    .logo img {
    width:50px;
    opacity: 0.8;
    }
    
    .content_2 {
    width:100% !important;
    }
    
    .content_2 h3 {
    font-size: 20px;
    }
    
    .content_2 h4 {
    font-size:14px;
    }
    
    #orderpagehome {
    font-size: 14px;
    }
    
     .slick-slide, .slick-loading {
  background: url('') no-repeat center !important;
}
    
    img {
        width:80% !important;
    height:auto !important;    
    }
    
    
    
}