body {
	font-family: Tahoma, sans-serif ;
	font-size: 100%;
    padding: 5%;
}

img {
	
	height:auto;
    width:auto;
    display: block;

   
}

hr {
    width: 50%;
    color: black;
}



h1 {
    text-align:center;
   
}

h2 {
    text-align: center;
    padding: 5%;
}

h3 {
    text-align: center;
    
}

p {
    text-align: center;
    font-size: 1.5rem;
}

@media only screen and (max-width: 1024px){
body {
	font-family: Tahoma, sans-serif ;
	font-size:100%;
	font-weight: bolder;
    background-color: rgb(142, 184, 166);
} 

h1 {
    text-align:center;
   font-size :2.5rem;
}

h2 {
    text-align: center;
     font-size :1rem;
}

h3 {
    text-align: center;
     font-size :large;
}


p {
    text-align: center;
    font-size: 1rem;
}


}

@media only screen and (max-width: 768px){
body {
	font-family: Tahoma, sans-serif ;
	font-size: 100%;
    background-color: rgb(110, 161, 111);
} 


h1 {
    text-align:center;
   font-size :3rem;
}

h2 {
    text-align: center;
     font-size :1rem;
}

h3 {
    text-align: center;
     font-size :large;
}


p {
    text-align: center;
    font-size: 1.5rem;
}


}

@media screen and (max-width: 326px){
 body {
	font-family: Tahoma, sans-serif ;
	font-size: 30%;
    background-color: bisque;
} 

h1 {
    text-align:center;
   font-size :2.5rem;
}

h2 {
    text-align: center;
     font-size :1rem;
}

h3 {
    text-align: center;
     font-size :large;
}


p {
    text-align: center;
    font-size: .5rem;
}



}