html {overflow-x: hidden;}
    
		* {line-height: 150%;
       padding: 0;
       margin: 0;
       }

     body { font-family: raleway, Arial, Helvetica, sans-serif; overflow-x: hidden; background-color: white;}



      header {background-color: #8782ba;
                min-height: 150px;
                max-height: 2000px;
                width: 100%;
                color: white;
            }


       


      #div1pic {width: 140px;
                position: relative;
                top: 16px;
                position: relative;
               top: 28px;
               left: 120px;
                }
                
                
      .div1pic2 {width: 144px; position: relative; margin: 0 auto; top: 35px;}

      #contactdetails {float: right;
                       position: relative;
                       right: 150px;
                       top: 40px;
                      font-size: 16px;
                      line-height: 170%;
                      }


      #contactdetails2 {
        width: 500px;
        margin: 0 auto;
        position: relative;
        top: 10px;
        left: 30px;
        font-size: 16px;
      }


        
      @media screen and (max-width: 850px) {
      #div1pic {display: none;}
      #contactdetails {display: none;}}

      @media screen and (min-width: 850px) {
      .div1pic2 {display: none;}
      #contactdetails2 {display: none;}}
      
      @media screen and (max-width: 600px) {
      #contactdetails2 {font-size: 14px;}
      }



       
      #menu-div {background-color: #8782ba;
           height: 58px;
           width: 100%;
           z-index: 9;
              }

       #menu {text-align: center;
            position: relative;
            top: 16px;
            }

        #menu a {margin: 0px 0px;
                   padding: 20px 34px;
                   font-size: 15px;
                   font-weight: bold;
                   color: white;
                   text-decoration: none;
                   }

        #menu a:link {color: white;
             transition: background-color .1s ease-in;
            }

        #menu a:visited {color: white;
        }

        #menu a:hover {
             color: white;
             background-color: #f59bbf;
            }
            
            
        
        .dropdowndiv {position: relative; top: 16px; width: 220px; text-align: center; margin: 0 auto; z-index: 9;}

    .dropdownbutton {text-decoration: none;
                     padding: 10px 12px; 
                     border: solid 2px white;
                     font-size: 16px;
                     margin: 0 auto;
                     color: white;
                     background-color: #694186;
                     width: 100px;
                    }

    .dropdownbutton:hover {background-color: #f59bbf; cursor: pointer;}

    .dropdown-menu {text-align: center;
                    font-size: 15px;
                    font-weight: bold;
                    background-color: #8782ba;
                    display: none;
                    position: relative;
                    top: 9px;    
                    }

    .dropdown-menu a {display: block;
                      text-decoration: none;
                      color: white;
                      padding: 12px 10px;
                        }

    .dropdown-menu a:hover {
        background-color: #f59bbf; color: white;
        } 

    .dropdowndiv:hover .dropdown-menu {display: block;}

    @media screen and (max-width: 1150px) {
        #menu {display: none;}
            }
    @media screen and (min-width: 1150px) {
        .dropdowndiv {display: none;}
            }
            
    @media screen and (max-width: 850px) {
        header {min-height: 230px;}
    }
    
    
     footer {background-color: #545080;
               min-height: 210px;
               max-height: 800px;
               width: 100%;
               color: white;
               text-align: center;
               font-size: 16px;
               }

        #footertext {line-height: 220%;}

        #footerpic {position: relative;
                    top: 4px;}

        #web {text-decoration: none; color: white;}

        .linksite {text-decoration: none; color: #13729b;}
        
        
        
        .pagenew {text-decoration: none;}
        .pagenew:link {color: #1687b9;}
        .pagenew:visited {color: auto; text-decoration: none;}
        .pagenew:hover {text-decoration: underline;}
