body{
    /* background-color:bisque; */
    box-sizing: border-box;
    height: 100vh;

}

form {
    max-width: 500px;
    margin: auto;
}

label {
    display: block;
    margin-top: 15px;
}

input, textarea {
    width: 100%;
    padding: 8px;
    box-sizing: border-box;
}

textarea {
    height: 500px;
}

button {
    margin-top: 15px;
    padding: 10px 20px;
}

nav{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding-bottom: 2vw;
}

.Footer_Div{
    padding: 1%;
    margin-left: -1vw;
    margin-right: -.45vw;
}

nav a,.Footer_Div a, .Footer_Div p{
    padding: 2%;
}

nav,.Footer_Div{
    text-align: center;
    color: white;
    background: rgba(20, 20, 20, .95);
}


h1,h3,h5 {
    /* font-family:"Garamond"; */
    font-family: 'Playfair Display', serif;
}

.logo { 
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
}


h2,h4,p,blockquote,a {
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}

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

.Product_Div {
    padding-top: 14vh;
}

.center{
    text-align: center;
}

.Logo_Div {
    text-align: center;
    padding-top: 31vh;
    padding-bottom: 31vh;
    padding-left: -10px;
    padding-right: -10px;
    border-radius: 5%;
    border: 5px solid white;
}

.Find_Div {
    text-align: center;
}

.Find_Div h3 {
    display: none;;
}

.Logo_Div h1 {
    color: white;
    font-size: 100px;
    font-family:"Garamond";
    -webkit-text-stroke: 3px solid rgba(20,20,20,1);
}

.Contact_Div {
    width: 50%;
    margin-left:30%;
}

.small30 {
    text-align: center;
    margin-left:.25vw;
    display: inline-block;
}

.small60 {
    width: 59%;
    padding: 2%;
    display: inline-block;
    margin-left: 1%;
}

.wrap {
    text-align: center;
    width: 75%;
    padding: 2%;
    margin-left:10%;
    border: 1px solid black;
    box-shadow: 5px 5px 5px gray;
}

.border_1px {
    border: 1px solid black;
}

.y { 
    background-color: rgba(230, 239, 67, 0.74);
}

.gr { 
    background-color: rgba(61, 90, 57, 1);
}

.g {
    background-color: rgba(50,206.5,0,.25);
}

.b {
    background-color: rgba(10,129,209,.25);
}

.r {
    background-color: rgba(249,112,104,.49);
}

.left {
    position: absolute;
    top: 1%;
    left: 1%;
    width: 250px;
}

.small {
    display: none;
}

.pic_small {
    width: 615px;
    display: block;
    margin: 0 auto;
}


@media (max-width: 575.98px) {

    .small {
        display: inline-block;
        width: 20%;
        height: 20px;
        padding: 5%;
        margin-bottom: 2%;
        border: 1px solid rgba(20, 20, 20, 1);
        box-shadow: 5px 5px 5px rgba(20,20,20,.75);
    }

    .small p {
        margin-top: -1%;
        color: white;
    }

    .pic_small {
        width: 410px;
    }

    .pic_small::after{
        margin-bottom: 1vh;
    }

    .small30, .small60 {
        /* display: none; */
    }

    .Find_Div {
        margin-top:14vh;
    }

    .Find_Div h3 {
        display: block;
    }

    .Logo_Div h1 {
        font-size: 75px;
    }
    .Logo_Div {
        padding-top: 5vw;
        padding-bottom:16vw ;
    }

    .Product_Div {
        display: none;
    }

    nav {
        /* width: 94vw; */
        width: 100%;
        font-size: 12px;
    }

    nav a {
        display: none;
    }

    .left {
        top:20%;
        width: 100px;
        left:37%;
    }
    

}
  
  /* Small devices (phones, 576px and up) */
@media (min-width: 576px) and (max-width: 767.98px) {
    .left {
        width:155px;
    }
    .small30, .small60, .Product_Div {
        display: none;
    }
    .small {
        display: inline-block;
        width: 20%;
        height: 20px;
        padding: 5%;
        margin-bottom: 2%;
        border: 1px solid rgba(20, 20, 20, 1);
        box-shadow: 5px 5px 5px rgba(20,20,20,.75);
    }
    
    .small p {
        margin-top: -1%;
        color: white;
    }

    .Find_Div {
        margin-top:15vh;
        margin-bottom:15vh;
    }

    .Find_Div h3 {
        display: block;
    }

    .Logo_Div h1 {
        font-size: 75px;
    }
    .Logo_Div {
        padding-top: 5vw;
        padding-bottom:16vw ;
    }

    nav {
    }
    body{
        
    }
  }
  
  /* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
    .left {
        width:200px;
    }

    .small30, .small60, .Product_Div {
        display: none;
    }
    .small {
        display: inline-block;
        width: 20%;
        height: 20px;
        padding: 5%;
        margin-bottom: 2%;
        border: 1px solid rgba(20, 20, 20, 1);
        box-shadow: 5px 5px 5px rgba(20,20,20,.75);
    }

    .small p {
        margin-top: -1%;
        color: white;
    }

    .Find_Div {
        margin-top:15vh;
        margin-bottom:15vh;
    }

    .Find_Div h3 {
        display: block;
    }

    .Logo_Div h1 {
        font-size: 75px;
    }
    .Logo_Div {
        padding-top: 5vw;
        padding-bottom:16vw ;
    }

    nav {
        /* width: 96.75vw; */
    }
    body{
        
    }
  }
  
  /* Large devices (desktops, 992px and up) */
@media (min-width: 992px) and (max-width: 1199.98px) {
    .pic_small {
        width: 435px;
    }
    nav {
        /* width: 97.254vw; */
    }
    body{
        
    }
  }
  
  /* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    nav {
        /* width: 97.25vw; */
        /* width: 99%; */
    }
    body{
        
    }
  }