/* reset browser*/


/*. css structure */

h1 {
    width: 300px;
    padding: 50px;
    margin: 20px; 
}

header {
   width: auto;
   height: 269px;
   margin: 0;
   top: 0;
   padding: 0;
   background-color: white;
}


nav {
   width: auto;
   height: auto;
   font-family: nimbus-sans, sans-serif;
   font-weight: 400;
   font-style: normal;
   font-size: 13pt;
   align-items: center;
   justify-content: space-around;
   padding: 10px;
   float: right;
   padding-top: 6rem;
   padding-right: 4rem;
   resize: none;
}

.noscroll {
   width: auto;
   height: auto;
   font-family: nimbus-sans, sans-serif;
   font-weight: 400;
   font-style: normal;
   font-size: 13pt;
   align-items: center;
   justify-content: space-around;
   padding: 10px;
   float: right;
   padding-top: 6rem;
   padding-right: 4.95rem;
   resize: none;
}

nav a {
   width: auto;
   float: left;
   margin-left: auto;
   margin-right: 0;
   display: inline-flex;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-between;
   padding: 35px;
   color: #698CB3 !important;
   text-decoration: none;
   font-size: 15pt;

 }

.head {
    font-family: "clarendon-urw", serif;
    font-weight: 400;
    font-style: normal;
    width: 300px;
    font-size: 65px;
 }

 body {
    background-color: #f1f1f1;
 }

a:hover {
    color: darkgrey !important;
    text-decoration: solid;
 }

a:visited, a:link {
    color: #f1f1f1;
    text-decoration: none;
 }


 .frontimage {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
    background-repeat: no-repeat;

 }

 h2 {
    font-family: "clarendon-urw", serif;
    font-weight: 300;
    font-size: 30pt;
    text-align: center;
 }

 .elmerslogo {
    height: 265px;
    width: auto;
    padding-top: .25em;
 }

.proudimage {
   padding-top: 20px;
   position: relative;
}

 .proud {
   font-family: clarendon-urw, serif;
   font-weight: 300;
   font-style: italic;
   font-size: 23px;
   left: 0;
    position:absolute;
    text-align:center;
    width: 100%;
 }

.options {
   font-family: clarendon-urw, serif;
   font-weight: 300;
   font-style: normal;
   font-size: 40px;
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-around;
   align-items: stretch;
   align-content: space-between;
   padding-top: 35px;
   margin: 3rem;
   padding: 4rem 4rem;
   text-align: center;
   position: relative;
   right: 0;
 }

 .products {
   display: inline-block;
   padding-top: 3rem;
   padding-bottom: 3rem;
   padding-left: 5rem;
   padding-right: 5rem;
   vertical-align: middle;
   background-color: #698CB3;
   text-align: center;
 }

 .contact {
   display: inline-block;
   padding-top: 3rem;
   padding-bottom: 3rem;
   padding-left: 5rem;
   padding-right: 5rem;
   vertical-align: middle;
   background-color: #698CB3;
   text-align: center;
}

.conpage {
   padding-top: 3rem;
   padding-bottom: 3rem;
   padding-left: 5rem;
   padding-right: 5rem;
   margin: 0;
   height: auto;

}

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

.comeinp {
   color: #698CB3;
   font-family: clarendon-urw, serif;
   font-weight: 300;
   font-style: normal;
   font-size: 25pt;
   text-align: center;
}



.conpage a {
   text-decoration: underline !important;
   color: #698CB3 !important;
   font-family: clarendon-urw, serif;
   font-weight: 300;
   font-style: normal;
   font-size: 30px;

}

.comeinpage {
   color: #f1f1f1;
   font-family: clarendon-urw, serif;
   font-weight: 300;
   font-style: normal;
   font-size: 30px;
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
   justify-content: space-around;
   align-items: stretch;
   align-content: space-between;
   padding-top: 35px;
   margin: 3rem;
   padding: 2rem 2rem;
   text-align: center;
   position: relative;
   right: 0;

}

.comeinpage a {
   text-decoration: underline;
   color: darkblue;
}

.contactp {
   color: #698CB3;
   font-family: clarendon-urw, serif;
   font-weight: 300;
   font-style: normal;
   font-size: 20pt;
   text-align: center;
}

.contactp a {
   text-decoration: underline;
   color: darkblue;
}

.greybar {
   background-color: #8DA8B4;
   width: auto;
   height: 30px;
   padding-top: 10px;
   margin: 0;
}

.row {
   display: flex;
 }
 
 .columnleft{
   flex: 50%;
 }

 .columnright{
   flex: 50%;
 }

ul {
   text-align: justify;
   resize: none;
 }

li {
   position: relative;
   flex-direction: column;
   align-items: center;
}

 .productspage {
   font-family: clarendon-urw, serif;
   font-weight: 300;
   font-style: normal;
   font-size: 30px;
   text-align: center;
   justify-content: center;
 }

 .product-title {
   font-family: clarendon-urw, serif;
   font-weight: 300;
   font-style: normal;
   text-align: center;
   font-size: 16pt;
 }

 .productlist {
   font-family: nimbus-sans, sans-serif;
   font-weight: 300;
   font-style: normal;
   font-size: 13pt;
   justify-content: center;
   list-style-position: inside;
 }

 .months {
   color: #698CB3;
   font-family: clarendon-urw, serif;
   font-weight: 300;
   font-style: normal;
   font-size: 23pt;
   text-align: center;
 }

 .months2 {
   color: #000000;
   font-family: clarendon-urw, serif;
   font-weight: 300;
   font-style: normal;
   font-size: 17pt;
   text-align: center;
 }

.hours {
   color: #698CB3;
   font-family: nimbus-sans, sans-serif;
   font-weight: 400;
   font-style: normal;
   font-size: 17pt;
   text-align: center;
   white-space: nowrap;
}

.hours2 {
   color: #000000;
   font-family: nimbus-sans, sans-serif;
   font-weight: 400;
   font-style: normal;
   font-size: 14pt;
   text-align: center;
}

.break {
   padding-left: 40px;
}