/*  Style sheet for Crescendo-opijnen web page  */

		/*	background cover   */

body {
    background: url(../images/bckgrd-1353x910_blank.png) no-repeat center center fixed; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    margin:0;
    padding:0;
    font-family: Arial, Helvetica, sans-serif;
}
 

      /* **********  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;
}

        /* **********  set Size, color and margin of headline 3 ********** */
h4 {
font-size : 80%;
  color : #10107f;
  margin: 0 0 ;
}


		    /*	frame relative positioning   */

.frame {
  position: relative;
  max-width: 1280px;
  height: 865px;
  margin-left: auto;
  margin-right: auto;
} 

		    /*	frame I-Frame relative positioning   */

  .frame1 {
    width: 80%;
    height: 782px;
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border: 2px solid lightblue;
  }

        /*  Footer postioning  */  

 .footer-left { 
    position: relative; top: -52px; left:23%;
  }

 /* .footer-center { 
    position: relative; top: -12px; left:30%;
  }

*/
  .footer-right { 
    position: relative; top: -30px; left:50%;
  }


		    /*	Menu postioning and hoover  */   

.topnav {
  overflow: hidden;
  position: absolute;
  top:  10.5%;
  left:  9%;
  width: 90%;
  height: 15px;
  padding: 10px 0px 10px  8px;
  background-color: transparent;  
}

.topnav a {
  float: none;
  color: #10107f;
  text-align: center;
  background-color: #A9E2F3;
  display: inline;
  padding: 6px 3px;
  border: 1px solid #10107f;
  text-decoration: none;
  font-size: 15px;
}

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

.topnav a:hover {
  background-color: darkblue;
  color: #f2f2f2;
}

.topnav a.active {
  background-color: #0174DF;
  color: white;
}

.topnav .icon {
  display: none;
}

.link1 {
  position: absolute;
     top:  12%;
  left:  88%;

}




        /*  IFrame postioning   */   

div.absolute-if {
  position: absolute;
  top: 17%;
  left: 18%;
  width: 74%;
  height: 68%; 
}

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


        /*  Device screen size 1024px remove background   */   

@media screen and (max-width: 1024px) {
 .frame1 {
    width: 99.8%;
    height: 782px;
    position: relative;
    top: 45.6%;
    left: 50%;
    transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border: 2px 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;
    }
  }

        /*  Footer postioning  */  
        
    .footer-left { 
      position: relative; top: -92px; left:1%;
    }
/*
    .footer-center { 
      position: relative; top: -12px; left:10%;
    }
*/
    .footer-right { 
      position: relative; top: -32px; left:90%;
    }
 }