/*  Style sheet for Crescendo-opijnen web page smaler 512px */


      /* **********  set Size, color and margin of headline 1 ********** */
h1 {
  font-size : 170%;
  color : #10107f;
  margin: 6px 0 6px 6px;
}

        /* **********  set Size, color and margin of headline 2 ********** */
h2 {
  font-size : 120%;
  color : #10107f;
  margin: 6px 0 6px 6px;
}

        /* **********  set Size, color and margin of headline 3 ********** */
h3 {
  font-size : 60%;
  color : #10107f;
  margin: 0 0 16px 6px;
}

h4 {
font-size : 100%;
  color : #10107f;
  margin: 0 0 16px 6px;
}

  
			   /*	frame relative positioning   */

.frame {
  position: relative;
  max-width: 520px;
  height: 860px;
  margin-left: auto;
  margin-right: auto;
} 
/*
@media screen and (max-width: 1024px) {
 .frame1 {
    width: 100%;
    height: 780px;
    position: relative;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border: 1px solid lightblue;
  }

  @media screen and (max-width: 1024px) {
   .topnav a {
      float: none;
     color: darkblue;
     text-align: center;
     background-color: #A9E2F3;
     display: inline;
     padding: 6px 3px;
     text-decoration: none;
      font-size: 15px;
    }
  }

*/

		        /*	frame I-Frame relative positioning   */

  .frame1 {
    width: 100%;
    height: 1080px;
    position: relative;
    top: 62%;
    left: 50%;
    transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
 }

.topnav {
  overflow: hidden;
  position: absolute;
  top:  8.5%;
  left:  4%;
  width: 95%;
  height: 20px;
  padding: 10px 5px;
  background-color: #A9E2F3;
 }

.topnav a {
  float: none;
  color: darkblue;
  text-align: center;
  background-color: #A9E2F3;
  display: inline-block;
  padding: 1px 2px;
  height: 20px;
  text-decoration: none;
  font-size: 15px;
}

 .center {
  text-align-last: center;
}

.topnav a:hover {
  background-color: darkblue;
  color: whitesmoke;
  }
*/
.topnav a.active {
  background-color: #0174DF;
  color: white;
  }

.absolute-if {
  position: absolute;
  top: 14%;
  left: 4.5%;
  width: 95%;
  height: 60%;
}

.absolute-if iframe {
   border: 1;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
 }

        /*  postioning of links (media)  */ 

.link1 {
       position: absolute;   top: 6%; left:40%;
    }

    .link2 {
       position: absolute;   top: 28%; left:150%;
    }

      /*  Footer postioning  */  
        
    .footer-left { 
      position: relative;   top: 60px; left:8%;
    }


    .footer-center { 
      position: relative;   top: 8px; left:1;
    }

    .footer-right { 
      position: relative;   
      top: -35px; 
      left:70%;
    }


@media screen and (max-width: 476px) {
  .topnav {
  overflow: hidden;
  position: absolute;
  top:  8,5%;
  left:  4%;
  width: 95%;
  height: 34px;
  padding: 10px 5px;
  background-color: #A9E2F3;
 }
}