a:link { color:#FFFFFF; text-decoration:none}
      a:visited { color:#FFFFFF; text-decoration:none}
      A:hover  {font-weight : normal; color : #FFFFFF;}
      h12 { font-family: 'Open Sans', sans-serif; font-weight: 700; font-size:7vw; line-height: 4vw; color:#A1A1A4;}      

h1 {
  font-family: 'Open Sans', sans-serif; 
  font-weight: 700; 
  font-size:40px; 
  line-height: auto; 
  color:#FFFFFF;
  background-color: #A1A1A4;
  padding: 20px;
}

@media screen and (min-width: 601px) {
  h1 {
    font-size: 40px;
    line-height: 50px;
    
  }
}

@media screen and (max-width: 600px) {
  h1 {
    font-size: 30px;
    line-height: 50px;

  }
}

h2 {
  font-family: 'Open Sans', sans-serif; 
  font-weight: 700; 
  font-size:40px; 
  line-height: auto; 
  color:#A1A1A4;
}

@media screen and (min-width: 601px) {
  h2 {
    font-size: 30px;
    line-height: 50px;
    
  }
}

@media screen and (max-width: 600px) {
  h2 {
    font-size: 20px;
    line-height: 30px;

  }
}

h3 {
  font-family: 'Open Sans', sans-serif; 
  font-weight: 300; 
  font-size:2vw; 
  line-height: auto; 
  color:#a09ebb;
}

@media screen and (min-width: 601px) {
  h3 {
    font-size: 2vw;
    line-height: auto;
    
  }
}

@media screen and (max-width: 600px) {
  h3 {
    font-size: 14px;
    line-height: auto;

  }
}


      h4 { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size:2.5vw; line-height: auto; color:#a8aec1;}      
      h5 { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size:2vw; color:#000000;}      
      h6 { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size:1.5vw; color:#a8aec1;}      
      h7 { font-family: 'Open Sans', sans-serif; font-weight: 100; font-size:1.7vw; line-height: 2vw; color:#6a6c6c;}      

@media screen and (min-width: 601px) {
  h7 {
    font-size: 1.5vw;
    line-height: 2vw;
    
  }
}

@media screen and (max-width: 600px) {
  h7 {
    font-size: 14px;
    line-height: 16px;

  }
}



      h8 { font-family: 'Open Sans', sans-serif; font-weight: 100; font-size:2vw; line-height: auto; color:#6a6c6c;}




h9 {
  font-family: 'Open Sans';
  font-weight: 300;
  font-size: 3vw;
  background-color: #46CB8E;

  color: #FFFFFF;
}


@media screen and (min-width: 601px) {
  h9 {
    font-size: 3vw;
    line-height: auto;
    
  }
}

@media screen and (max-width: 600px) {
  h9 {
    font-size: 20px;
    line-height: auto;

  }
}


            
      h10 { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size:12pt; line-height: 28px; color:#F95403;}      
      h11 { font-family: 'Open Sans', sans-serif; font-weight: 300; font-size:12pt; line-height: 28px; color:#000000;}      
     .b { color: black; font-style: normal; font-size: 11px; line-height: 16px; font-family: Verdana, Geneva, Arial;}
     .bodytext { color: #7D7B7B; font-style: normal; font-size: 11px; line-height: 18px; font-family: "Open Sans",Verdana, Geneva, Arial;}
     .bod2text { color: #7D7B7B; font-style: normal; font-size: 11px; line-height: 14px; font-family: Tahoma,Verdana, Geneva, Arial;}
     .main     { color: #000; font-size: 11px; font-family: tahoma, arial, verdana }
      .menufoot { font-family: 'Open Sans', sans-serif; font-weight: 100; font-size:12px; line-height: auto; color:#FFFFFF;}      

.responsive {
  width: 100%;
  height: auto;
}


div.example {
  background-color: lightgrey;
  padding: 20px;
}

@media screen and (min-width: 601px) {
  div.example {
    font-size: 40px;
    line-height: 50px;
    
  }
}

@media screen and (max-width: 600px) {
  div.example {
    font-size: 14px;
    line-height: 30px;

  }
}



/* Dropdown Button */
.dropbtn {
    background-color: #A1A1A4;
    font-family:'Open Sans', sans-serif; font-weight: 100; line-height: auto; color:#FFFFFF;
    padding: 16px;
    border: none;
}

@media screen and (min-width: 601px) {
  .dropbtn {
    font-size: 24px;
  }
}

@media screen and (max-width: 600px) {
  .dropbtn {
    font-size: 12px;
  }
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropbtn:hover  {
    background-color: #AFAFBF;
	  font-color: #FFFFFF;
    border: none;

}

@media screen and (min-width: 601px) {
  .dropbtn:hover {
    font-size: 24px;
  }
}

@media screen and (max-width: 600px) {
  .dropbtn:hover {
    font-size: 12px;
  }
}



/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
    border: none;

}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    font-family:'Open Sans', sans-serif; font-weight: 100; line-height: auto; color:#A0938C;
    border: none;
    width: 100%;
    overflow:auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    opacity: 0.8;
}

@media screen and (min-width: 601px) {
  .dropdown-content {
    font-size: 14px;
  }
}

@media screen and (max-width: 600px) {
  .dropdown-content {
    font-size: 12px;
  }
}

/* Links inside the dropdown #A0938C */
.dropdown-content a {
    color: black;
    padding: 8px 8px;
    font-family:'Open Sans', sans-serif; font-weight: 100; line-height: auto; color:#000000;
    text-decoration: none;
    border: none;
    display: block;
}

@media screen and (min-width: 601px) {
  .dropdown-content a {
    font-size: 14px;
  }
}

@media screen and (max-width: 600px) {
  .dropdown-content a {
    font-size: 12px;
  }
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
	  font-color: #FFFFFF;

}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #A1A1A4;
    font-family:'Open Sans', sans-serif; font-weight: 100; line-height: auto; color:#FFFFFF;
    border: none;

}


@media screen and (min-width: 601px) {
  .dropdown:hover .dropbtn {
    font-size: 24px;
  }
}

@media screen and (max-width: 600px) {
  .dropdown:hover .dropbtn {
    font-size: 12px;
  }
}

/* the pink color for the background color is #DD9090