.content a:link {color: rgb(170, 0, 0); text-decoration: underline;}
.content a:visited {color: rgb(170, 0, 0); text-decoration: none;}
.content a:hover {color: rgb(0, 0, 0); text-decoration: overline;}
.content a:active {color: rgb(170, 0, 0); text-decoration: none;}

        .content {
            width: 100%;
            padding: 20px;
            box-sizing: border-box;
            background-color: rgb(255,255,255);
            margin-left: auto;
            margin-right: auto;
line-height: 150%;
        }

        .greydiv {
            width: 95%;
            padding: 20px;
            box-sizing: border-box;
            background-color: rgb(220,220,220);
            margin-left: auto;
            margin-right: auto;
        }

        .spacer {
            width: 100%;
            height: 65px;
            background-image: url('SpacerBackground.jpg');
            margin-top: 20px;
            margin-bottom: 20px;
        }

       

        .pageheading {
            border: 10px double rgb(0, 0, 0);
        
            margin-bottom: 20px;
            padding: 20px;
            text-align: center;
            font-size: 1.5em;
        }

	hr {border: 10px solid #990000;
		border-radius: 5px;	
		
	}

.divbutton {padding: 5px; 
	background-color: #eeeeee; 
	margin: 10px; 
	width: 40%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	border:  5px solid #000000;
	}

            /*--------------------------- IMAGE DIVS START-------------------------------------------*/

           img {
display: block; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 20px;
                }

        .img-10 {
            width: 10%;
        }

 .img-10a {
            width: 10%;
        }
        .img-20 {
            width: 20%;
        }

 .img-20a {
            width: 20%;
        }

        .img-30 {
            width: 30%;
        }

  .img-30a {
            width: 30%;
        }


        .img-40 {
            width: 40%;
        }

        .img-50 {
            width: 50%;
        }

        .img-60 {
            width: 60%;
        }

        .img-70 {
            width: 70%;
        }

        .img-80 {
            width: 80%;
        }

        .img-90 {
            width: 90%;
        }

        .img-100 {
            width: 100%;
        }

 .desk {display: block;}

.phone {display: none;}

video { display: block; width: 90%; height: auto; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 20px;}

hr {border: 10px solid #990000;
		border-radius: 5px;	
		
	}


/*--------------------------- IMAGE DIVS END-------------------------------------------*/

        .twelve {
            font-size: 1.2rem;
        }
        .fourteen {
            font-size: 1.4rem;
        }
        .sixteen {
            font-size: 1.6rem;
        }
        .eighteen {
            font-size: 1.8rem;
        }
        .twenty {
            font-size: 2.0rem;
        }
         .twentyfive {
            font-size: 2.5rem;
        }
          .thirty {
            font-size: 3.0rem;
        }
        .center {
            text-align: center;
        }
        .italic {
            font-style: italic;
        }
        .color {
            color: rgb(170,0,0);
        }
        .bold {
            font-weight: bold;
        }

    audio {
	display: block; margin-top: 20px; margin-bottom:20px; margin-left:auto; margin-right: auto;

	}

li {margin-top: 20px; margin-bottom: 20px;}

    .buttondiv {margin-left: auto; margin-right: auto; width: 30%; border: 5px solid #990000; padding: 10px; border-radius: 10px; font-style: italic; margin-bottom: 20px; margin-top: 20px;
          
        }

.phoneaudio {}   

 /* --------------------------------------------------------- THE MEDIA QUERY ------------------------------------------------------*/

        @media only screen and (max-width: 1000px) {

           

.content {
	width: 90%
	}

.pageheading {	
		
	font-size: 0.9rem;


            }

      /*--------------------------- IMAGE DIVS START-------------------------------------------*/

           img {display: block; margin-left: auto; margin-right: auto; margin-top: 20px; margin-bottom: 20px;
                }

        .img-10 {
            width: 90%;
        }

        .img-10a {
            width: 20%;
        }
        .img-20 {
            width: 90%;
        }

 .img-20a {
            width: 35%;
        }

        .img-30 {
            width: 90%;
        }

  .img-30a {
            width: 60%;
        }


        .img-40 {
            width: 90%;
        }

        .img-50 {
            width: 90%;
        }

        .img-60 {
            width: 90%;
        }

        .img-70 {
            width: 90%;
        }

        .img-80 {
            width: 90%;
        }

        .img-90 {
            width: 90%;
        }

        .img-100 {
            width: 100%;
        }

 .desk {display: none;}

.phone {display: block;}

video {width: 95%; height: auto; }





/*--------------------------- IMAGE DIVS END-------------------------------------------*/

       .buttondiv {margin-left: auto; margin-right: auto; width: 70%; border: 5px solid #990000; padding: 10px; border-radius: 10px; font-style: italic; margin-bottom: 20px; margin-top: 20px;
          
        }

.phoneaudio {width: 90%;}         
            
            
            
            
            
            
             }