/* Remove all default padding and margins */

* {
margin: 0 0 0 0;
padding: 0 0 0 0
}

eae319

* {
  box-sizing : border-box;
  outline    : none;
}

body {
	max-width: 1200px;
	margin: 0 auto;
	color: #222222;
	font-family:'Myriad W01 Regular', Arial, sans-serif;
	font-size: 14px;
	font-weight: normal;
	background:white;

}
/*
.bodyclass {
  min-width  : 1130px;
  background :#800000;
}
*/
/* set width of header element for site heading and slogan */

header {
max-width: 100%;
height: 200 px;
background:#800000;
color: black;
background-image: url(images/samhead12.jpg);
background-size: 100% 100%;
border: 10px #eae319;
border-color: :#eae319;

}


nav {
width: 100%;
float: left;
/*border: 1px solid gray;*/
/*padding: .5% 1%; */
/*border-radius: 10px; */
/* box-shadow: 8px 8px 20px #0e0e0e inset
*/
}


/* links are set in a paragraph to allow postioning of right left or center */
nav p {
font-size: 16px;
font-weight: bold;
float: left;
text-shadow: 2px 2px 4px #0e0e0e;
/*padding: .5%  1%*/
}

/* set color for links and remove underline (text-decoration) */
nav a {
color: black;
text-decoration: none
}



ul {
    list-style-type: none;
    margin:0;
    padding: 0;
    overflow: hidden;
    background-color: white;
    border-color:#d1e1d1;
    border: 2px #d1e1d1 solid;
}


ul ul {
    position: absolute;
    display: none;
}

lih1:hover ul {
    display: block;
}

lih1 { 
    float: left; 
 } 

lih2:hover ul {
    display: block;
}

lih2 { 
    float: left; 
 } 



lih { 
    float: left; 
 } 

liv { 
    float: left; 
 } 

lih a {
    display: block;
    color: #005500;
    font-size: 20px;
    text-align: center;
    padding: 5px 16px;
    text-decoration: none;
}

lih1 a {
    display: block;
    color: #005500;
    font-size: 20px;
    text-align: center;
    text-decoration: none;
/*    border-right: 1px solid black;*/
}
lih2 a {
    display: block;
    color: #005500;
    font-size: 20px;
    text-align: center;
    padding: 5px 16px 0px 30px;
    text-decoration: none;
/*    border-right: 1px solid black;*/
}

lih a:hover:not(.active) {
    color: white;
    background-color:  #005500;
}
lih1 a:hover:not(.active) {
    color: white;
    background-color:  #005500;
}

lih2 a:hover:not(.active) {
    color: white;
    background-color:  #005500;
}


lih a.active {
    color: white;
    background-color: #005500;
}
lih1 a.active {
    color: white;
    background-color: #005500;
}
lih2 a.active {
    color: white;
    background-color: #005500;
}


.active {
    background-color: brown;
}

lih1 a, .dropbtn {
    display: inline-block;
    color: #005500;
    font-size: 20px;
    text-align: center;
    text-decoration: none;
    background-color:white;
    position:relative;
    z-index:4;
}

lih1 a:hover, .dropdown:hover .dropbtn {
    color: white;
    background-color: #005500;
    position:relative;
    z-index:4;
}


lih1.dropdown {
    padding: 5px 16px;
    display: inline-block;
}


lih2 a, .dropbtn2 {
    display: inline-block;
    color: #005500;
    font-size: 20px;
    text-align: left;
    padding: 5px 16px 0px 30px;
    text-decoration: none;
}

lih2 a:hover, .dropdown2:hover .dropbtn2 {
    color: white;
    background-color: #005500;
}


lih2.dropdown2 {
    display: inline-block;
}


.dropdown-content {
    display: none;
    position: absolute;
    background-color: white;
    min-width: 160px;
}

.dropdown-content a {
   display: block;
   color: #005500;
   font-size: 20px;
   text-align: center;
   padding: 5px 16px;
   text-decoration: none;
   text-align: left;
}


.dropdown-content a:hover {
	background-color: white;
	}



.dropdown:hover .dropdown-content {
    display: block;
}    

.dropdown-content2 {
    display: none;
    position:relative;
   	left:150px;    
    background-color: white;
    min-width: 100px
}

.dropdown-content2 a {
   display: block;
   color: #005500;
   font-size: 20px;
   padding: 5px 16px;
   text-decoration: none;
   text-align: left;
   width:450px;
}


.dropdown-content2 a:hover {
	background-color: white;
	}



.dropdown2:hover .dropdown-content2 {
    display: block;
}    

.dropdown2 {
    display: inline-block;
}
/* End Menu Section */

/*
.heighttext{
height:24px;
font-size: 20px; 
color: black; 
background-color:white;
width:60%
}
.heighttext2{
height:18px;
font-size: 16px; 
color: black; 
background-color:white;
width:80%
}


.heightcheck{
float:left;
height:18px;
font-size: 14px; 
text-align:left;
color: black; 
background-color:white;
width:80%
}

.heighttabletext{
height:18px;
font-size: 14px; 
color: black; 
background-color:white;
width:100%
}



.heightselect{
height:36px;
font-size: 18px; 
color: black; 
background-color:white;
width:80%;
line-height:400px
}

.heighttextarea{
height:300px;
font-size: 14px; 
color: black; 
background-color:white;
width:80%
}

.heighttextarea2{
height:100px;
font-size: 18px; 
color: black; 
background-color:white;
width:80%
}

.heighttextarea3{
height:300px;
font-size: 18px; 
color: black; 
background-color:white;
width:80%
}
*/
*/
---


input {
	width: 60%
}

.heighttext{
height:24px;
font-size: 20px; 
color: #005500;
background-color: #d1e1d1;
width:60%
}

.heighttext2{
height:18px;
font-size: 16px; 
color: #005500;
background-color:#d1e1d1;
width:80%
}

.heighttext3{
height:24px;
font-size: 20px; 
color: #005500;
background-color: #d1e1d1;
width:50px;
}

.heighttext4{
height:18px;
font-size: 14px; 
color: #005500;
background-color: #d1e1d1;
width:50px;
}


.heightcheck{
float:left;
height:18px;
font-size: 14px; 
text-align:left;
color: black; 
background-color:#d1e1d1;
width:80%
}


.heighttabletext{
height:18px;
font-size: 14px; 
color:  #005500;
background-color:#d1e1d1;
width:100%
}

.heighttabletextright{
text-align:center;
height:18px;
font-size: 14px; 
color:  #005500;
background-color:#d1e1d1;
width:100%
}
.heightselect{
height:36px;
font-size: 18px; 
color:  #005500; 
background-color:#d1e1d1;
width:80%;
line-height:400px
}

.heightselect2{
height:18px;
font-size: 14px; 
color:  #005500; 
background-color:#d1e1d1;
width:40px;
line-height:400px
}


.heighttextarea{
height:300px;
font-size: 14px; 
color:  #005500; 
background-color:#d1e1d1;
width:80%
}

.heighttextarea2{
height:100px;
font-size: 18px; 
color: #005500; 
background-color:#d1e1d1;
width:80%
}

.heighttextarea3{
height:300px;
font-size: 18px; 
color: #005500;
background-color:#d1e1d1;
width:80%
}


---


textarea:focus, input:focus {
	background-color: white;
    color:  #005500;
}

input, select, textarea{
    color:  #005500;
    background-color: #d1e1d1:
}

input.buttonsize{
font-size: 30px;
text-align: center;
}

#left {
width: 2%;
float: left
}

/* position right division and define width  */

#right {
text-align: right;
width: 98%;
}

header h3{
font-size: 10px;
text-align: center;
color: #005500;
padding: 0% 0
}





/* set width  of container for body section */

#main {
width: 100%;
background: white;
float: left;
/*margin: .25% 0 1% 0;
box-shadow: 5px 5px 10px #0e0e0e*/
}

#main-catleft {
background:blue;
float: left;
Width: 50%
/*margin: .25% 0 1% 0;
box-shadow: 5px 5px 10px #0e0e0e*/
}
#main-catright {
background:blue;
float: left;
Width: 50%
/*margin: .25% 0 1% 0;
box-shadow: 5px 5px 10px #0e0e0e*/
}

#main-left-store {
float: left;
width: 20%;
margin: 0;
}

#main-right-store {
float: left;
width: 60%;
margin: 0;
}


#main-left {
float: left;
width: 42%;
margin: 1% 4% 0% 4%

}

#main-center {
float:inherit;
width: 80%;
margin: 1% 5% 0% 8%

}


#main-index-center {
float:inherit;
width: 100%
/*
margin: 1% 5% 0% 8%
*/
}




#main-full {
float:left;
width: 60%;
margin: 1% 20% 0% 20%

}



#main-right {
float: left;
width: 42%;
margin: 1% 4% 0% 4%

}

/* set width of  footer element - add color */
footer {
width: 100%;
float: left;
margin: 0 0 1% 0;
box-shadow: 5px 5px 10px #0e0e0e;

background-color: #d1e1d1;

/* background-color: #FFD95F; */
border-radius: 0 0 20px 20px
}


/* set font properties for h1 tag in left division */
#left h1{
font-size: 28px;
float: left;
color: #005500;
padding: 0% 0 0% 0%
}

/* Liquify images */
img {
max-width: 100%
}

/* define font properties for paragraph slogan within the right division */

#right p{
font-size: 72px;
text-align: right;
color: #005500;
padding: 0% 0
}


#right h2{
font-size: 28px;
text-align: right;
color: #005500; 
padding: 0% 0
}


/* set hover or roll over color of links 
nav a:hover {
color: red;
}
*/

/* set font properties for h1 tag in main-left division */
#main-left h1{
font-size:28px;
text-align: center;
color: #005500;
padding: 2% 0 2% 0
}

/* set font properties for h2 tag in main-left division */
#main-left h2{
font-size: 18px;
text-align: center;
color:#005500;
padding: 2% 0
}


#main h2{
font-size: 18px;
text-align: Center;
background-color: white;
color: #005500;
width: 100%;
height: 18px;
}



/* set font properties for h3 tag in main-left division */
#main h3{
font-size: 30px;
text-align: Center;
background-color: red;
color: white;
width: 100%;
height: 36px;
border: 1px solid gray;
}
/* set font properties for h4 tag in main-left division */
#main h4{
font-size: 30px;
text-align: Center;
background-color: white;
color: #005500;
width: 100%;
height: 36px;
}
#main p {
font-size: 16px;
text-align: left;
color: Black;
margin: 2% 0; 
}

}
#main p1 {
font-size: 18px;
text-align: center;
color: #005500;
}

#main p2 {
font-size: 14px;
text-align: left;
color: #005500;
margin: 0 5% 0 5%; 
}

#main p3 {
font-size: 18px;
text-align: left;
color: #005500;
}

#main p4 {
font-size:28px;
text-align: left;
font-weight:bold;
color: #005500;
}



/* define font properties of paragraph tag in main-left division */
#main-left p {
font-size: 16px;
text-align: left;
text-indent: 16px;
padding: 2% 0;
}

#main-left p1 {
font-size: 20px;
text-align: left;
text-indent: 16px;
color: #000000;
padding: 2% 0;
}

#main-left p2 {
font-size: 15px;
text-align: left;
text-indent: 16px;
color: #000000;
padding: 2% 0;
}

#main-left p3 {
font-size: 20px;
text-align: left;
text-indent: 16px;
color: Red;
padding: 2% 0;
}

#main-left p4 {
font-size: 20px;
text-align: left;
text-indent: 16px;
color: black;
padding: 2% 0;
}

/* set font properties for h1 tag in main-left division */
#main h1{
font-size:28px;
text-align: center;
color:black;
}
/*-----*/

/* set font properties for h1 tag in main-left division */
#main-right-store h1{
font-size:28px;
text-align: center;
color:#005500;
}

/* set font properties for h2 tag in main-left division */
#main-right-store h2{
font-size: 18px;
text-align: center;
color: #006600;
padding: 2% 0;
}

/* set font properties for h2 tag in main-left division */
#main-right-store h3{
font-size: 20px;
text-align: center;
color: black;
}


/* define font properties of paragraph tag in main-center division */
#main-right-store p {
font-size: 16px;
text-align:center;
text-indent: 16px;
padding: 2% 0;
}

#main-right-store p1 {
font-size: 20px;
text-align: left;
text-indent: 16px;
color: #000000;
padding: 2% 0;
}

#main-right-store p2 {
font-size: 15px;
text-align: left;
text-indent: 16px;
color: #000000;
padding: 2% 0;
}

#main-right-store p3 {
font-size: 20px;
text-align: left;
text-indent: 16px;
color: Red;
padding: 2% 0;
}

#main-right-store p4 {
font-size: 16px;
text-align: left;
color: black;
}


#main-right-store p5 {
font-size: 18px;
text-align: Center;
color: black;
}

#main-right-store p8 {
font-size: 16px;
text-align: left;
text-decoration:underline;
background-color:transparent;
color: blue;
}

#main-right-store p10 {
font-size: 14px;
text-align: right;
color: #005500;
font-weight:bold;
}

#main-right-store p11 {
font-size: 14px;
text-align: right;
text-indent: 16px;
color: #005500;
}

#main-right-store p12 {
font-size: 14px;
text-align: right;
text-indent: 16px;
text-decoration:line-through;
color: gray;
}

#main-right-store p13 {
font-size: 14px;
text-align: right;
text-indent: 16px;
color: red;
font-weight:bold;
}



#main-right-store img {
float:left;
width: 150px;
height: 150px;
}

#main-right-store a {
width:auto;
font-size:inherit;
text-align: left;
text-decoration:none;
font-style:normal;
font-variant:normal;
color: black;
padding: 2% 0;
}



/*------*/


/*-----*/

/* set font properties for h1 tag in main-left division */
#main-left-store h1{
font-size:28px;
text-align: center;
color:#005500;
}

/* set font properties for h2 tag in main-left division */
#main-left-store h2{
font-size: 18px;
text-align: center;
color: #006600;
padding: 2% 0;
}

/* set font properties for h2 tag in main-left division */
#main-left-store h3{
font-size: 20px;
text-align: center;
color: black;
}


/* define font properties of paragraph tag in main-center division */
#main-left-store p {
font-size: 16px;
text-align: left;
text-indent: 4px;
color: #005500;
padding: 2% 0;
}

#main-left-store p1 {
font-size: 14px;
text-align: left;
text-indent: 16px;
color: #005500;
padding: 2% 0;
}

#main-left-store p2 {
font-size: 15px;
text-align: left;
text-indent: 16px;
color: #000000;
padding: 2% 0;
}

#main-left-store p3 {
font-size: 20px;
text-align: left;
text-indent: 16px;
color: Red;
padding: 2% 0;
}

#main-left-store p4 {
font-size: 16px;
text-align: left;
color: black;
}


#main-left-store p5 {
font-size: 18px;
text-align: Center;
color: black;
}

#main-left-store p8 {
font-size: 16px;
text-align: left;
text-decoration:underline;
background-color:transparent;
color: blue;
}

#main-left-store p9 {
font-size: 16px;
text-align: left;
text-indent: 4px;
color: #005500;
padding: 2% 0;
}

#main-left-store p10 {
font-size: 14px;
text-align: left;
color: #005500;
}

#main-left-store p11 {
font-size: 14px;
text-align: right;
text-indent: 16px;
color: #005500;
}

#main-left-store button {
float:left;
color: #005500;
}

#main-left-store img {
float:left;
width: 100px;
height: 100px;
}

#main-left-store a {
width:auto;
font-size:inherit;
text-align: left;
text-decoration:none;
font-style:normal;
font-variant:normal;
color: black;
padding: 2% 0;
}



/*------*/


/* set font properties for h1 tag in main-left division */
#main-center h1{
font-size:28px;
text-align: center;
color:#005500;
}

/* set font properties for h2 tag in main-left division */
#main-center h2{
font-size: 18px;
text-align: center;
color: #006600;
padding: 2% 0;
}

/* set font properties for h2 tag in main-left division */
#main-center h3{
font-size: 20px;
text-align: center;
color: black;
}


/* define font properties of paragraph tag in main-center division */
#main-center p {
font-size: 16px;
text-align:center;
text-indent: 16px;
padding: 2% 0;
}

#main-center p1 {
font-size: 20px;
text-align: left;
text-indent: 16px;
color: #000000;
padding: 2% 0;
}

#main-center p2 {
font-size: 15px;
text-align: left;
text-indent: 16px;
color: #000000;
padding: 2% 0;
}

#main-center p3 {
font-size: 20px;
text-align: left;
text-indent: 16px;
color: Red;
padding: 2% 0;
}

#main-center p4 {
font-size: 16px;
text-align: left;
color: black;
}


#main-center p5 {
font-size: 18px;
text-align: Center;
color: black;
}

#main-full p9 {
font-size: 12px;
text-align: left;
color: black;
}



#main-center p8 {
font-size: 16px;
text-align: left;
text-decoration:underline;
background-color:transparent;
color: blue;
}




#main-center img {
float:left;
width: 100px;
height: 100px;
}

#main-center a {
width:auto;
font-size:inherit;
text-align: left;
text-decoration:none;
font-style:normal;
font-variant:normal;
color: black;
padding: 2% 0;
}

/*-------*/

/* set font properties for h1 tag in main-left division */
#main-index-center h1{
font-size:20px;
text-align: center;
color:#005500;
}

/* set font properties for h2 tag in main-left division */
#main-index-center h2{
font-size: 18px;
text-align: center;
color: #006600;
padding: 2% 0;
}

/* set font properties for h2 tag in main-left division */
#main-index-center h3{
font-size: 20px;
text-align: center;
color: black;
}


/* define font properties of paragraph tag in main-index-center division */
#main-index-center p {
font-size: 16px;
text-align:center;
text-indent: 16px;
padding: 2% 0;
}

#main-index-center p1 {
font-size: 20px;
text-align: left;
text-indent: 16px;
color: #000000;
padding: 2% 0;
}

#main-index-center p2 {
font-size: 15px;
text-align: left;
text-indent: 16px;
color: #000000;
padding: 2% 0;
}

#main-index-center p3 {
font-size: 20px;
text-align: left;
text-indent: 16px;
color: Red;
padding: 2% 0;
}

#main-index-center p4 {
font-size: 16px;
text-align: left;
color: black;
}


#main-index-center p5 {
font-size: 18px;
text-align: Center;
color: black;
}

#main-index-center p8 {
font-size:20px;
color:#005500;
text-align:left;
}



div.relative {
    position: relative;
    width: 400px;
    height: 200px;
    border: 3px solid #73AD21;
} 

div.absolute {
    position: absolute;
    top: 8px;
    right: 0;
    width: 20px;
    height: 10px;
    border: 3px solid #73AD21;
}

div.relativeminus {
    position: relative;
    left: 40px;
    border: 3px solid #73AD21;
    background-color:#d1e1d1;

}

.button1 {
    background-color:#d1e1d1;
    border: none;
    color: #005500;
    text-align: left;
    width:90%;
    font-size: 16px;
}

.button2 {
    color: #005500;
    text-align:center;
    width:100px;
    height:25px;
    font-size: 16px;
}


.container {
    position:relative;
}

.topcenter2 {
    position: absolute;
    top: 60px;
    left: 16px;
    font-size: 18px;
    width:90%;
    text-align:center;   
    background-color:#d1e1d1;
    border-radius: 25px;
/*   opacity: .8; */
    
}

.topcenter1 {
    position: absolute;
    top: 8px;
    left: 16px;
    font-size: 20px;
    width:90%;
    text-align:center;   
    background-color:#d1e1d1;
    border-radius: 25px;
}


#main-index-center img {
float:right;
width: 250px;
height: 250px;
}

#main-index-center a {
width:auto;
font-size:inherit;
text-align: left;
text-decoration:none;
font-style:normal;
font-variant:normal;
color: black;
padding: 2% 0;
}








/*--------*/








/* set font properties for h1 tag in main-left division */
#main-full h1{
font-size:20px;
text-align: left;
color:black;
}

/* set font properties for h2 tag in main-left division */
#main-full h2{
font-size: 18px;
text-align:justify;
color: black;
}

#main-full h3{
font-size:28px;
text-align: center;
color:#005500
}

#main-full h4{
font-size:28px;
text-align: center;
color:#005500
}


/* define font properties of paragraph tag in main-full division */
#main-full p {
font-size: 16px;
text-align:center;
text-indent: 16px;
padding: 2% 0;
}

#main-full p1 {
font-size: 18px;
text-align: left;
color: black;
}

#main-full p2 {
font-size: 18px;
text-align: justify;
color: black;
}

#main-full p3 {
font-size: 20px;
text-align: left;
text-indent: 16px;
color: Red;
padding: 2% 0
}

#main-full p4 {
font-size: 20px;
text-align: left;
text-indent: 16px;
color: black;
padding: 2% 0;
}

#main-full p5 {
font-size: 12px;
text-align: left;
color: black;
}


#main-full p12 {
font-size: 14px;
text-align: right;
text-indent: 16px;
text-decoration:line-through;
color: gray;
}

#main-full p13 {
font-size: 14px;
text-align: right;
text-indent: 16px;
color: red;
font-weight:bold;
}



#main-full img {
float:inherit;
margin: 10px 0 10px 10px;
}

#main-full a {
width:auto;
font-size:inherit;
text-align: left;
text-decoration:none;
font-style:normal;
font-variant:normal;
color: black;
padding: 2% 0;
}


.img-with-text {
    text-align:left;
    width: 160px;
}

.img-with-text img {

    margin: 0 auto;
    width: 150px;
}


#main-right p4 {
font-size: 20px;
text-align: left;
text-indent: 16px;
color: black;
padding: 2% 0
}

#main-left img {
float: right;
margin: 10px 0 10px 10px;
}



/* define font properties of paragraph tag in main-right division */
#main-right h1{
font-size:28px;
text-align: center;
color: #006600;
padding: 2% 0 2% 0
}
#main-right h2{
font-size: 18px;
text-align: center;
color: #006600;
padding: 2% 0
}

#main-right p {
font-size: 16px;
text-align: center;
margin: 2% 0 
}
#main-right p1 {
font-size: 20px;
text-align: left;
text-indent: 16px;
color: #000000;
padding: 2% 0
}

#main-right p1C {
font-size: 15px;
text-align: center;
text-indent: 16px;
color: #000000;
padding: 2% 0
}
#main-right p2 {
font-size: 15px;
text-align: left;
text-indent: 16px;
color: #000000;
padding: 2% 0
}
#main-right p6 {
background: #e49a9a;
border: 1px solid #c05555; 
padding: 7px 10px;
font-size: 15px;
text-align: left;
font-style:italic;
font-weight:bold;
color:black;
}

#main p6 {
background: #e49a9a;
border: 1px solid #c05555; 
padding: 7px 10px;
font-size: 20px;
text-align: left;
font-style:italic;
font-weight:bold;
color:black;
}

#main p7 {
padding: 7px 10px;
width: 200px;
font-size: 20px;
text-align: left;
color:black;
}

#main-index-center p7 {
padding: 7px 10px;
width: 324px;
font-size: 20px;
text-align: left;
color:black;
border-width: 3px
}


#main-right p5 {
font-size: 15px;
text-align: right;
text-indent: 16px;
color: #000000;
padding: 2% 0
}
#main-left p5 {
font-size: 15px;
text-align: right;
text-indent: 16px;
color: #000000;
padding: 2% 0
}
#main-right img {
display: block;
margin: 0 auto;
padding: 0 0;
/*box-shadow: 5px 5px 10px #0e0e0e;
border-radius: 10px*/
}


/* set font properties of address tag within footer */
footer p {
font-size: 16px;
font-weight: bold;
text-align: center;
color: #005500;
}

footer p1 {
font-size: 16px;
font-weight: bold;
text-align: left;
color: #005500;
}


footer a {
font-size: 12px;
text-align: left;
font-style:normal;
color: black;
}



p.clear {
clear: both
}

#main-discount h3{
font-size: 18px;
text-align: left;
color: red;
width: 500px;
height: 100px;
border: 3px solid green;
}


----
/* slide show styles */

.mySlides {display:none}

/* Slideshow container */
.slideshow-container {
  max-width: 100%;
  position:inherit;
}

/* Caption text */
.text {
  color: black;
  font-size: 20px;
  padding: 8px 12px;
/*  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
*/
  text-align:center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  height: 13px;
  width: 13px;
  margin: 0 2px;
  text-align:left;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active {
  background-color: #717171;
}

/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}