body,div,img{
    transition:all .4s linear; 
    -o-transition:all .4s linear; 
    -moz-transition:all .4s linear; 
    -webkit-transition:all .4s linear;
}

html{
  height: 100%;
}

body{
  height: 100%;
  padding: 0px;
  border: 0px;
  margin: 0px;
  font-family: "Trebuchet MS", Helvetica, sans-serif;
  background-image: url(images/congruent_pentagon-2.png);
  background-attachment:fixed;
}

div.top{
    position: fixed;
    top: 0px;
    width: 100%;
    height: 80px;
    margin: 0px;
    padding: 0px;
    padding-top: 20px;
    border: 0px;
    left: 0px;
    right: 0px;
    color: #ffffff;
    background-color:#112e74;
    border-bottom: 1px solid #ff373c;
    box-shadow: 0px 0px 20px #5f1113;
    z-index: 250;
}

div.t-box{
    position:relative;
    max-width: 600px;
    width: 85%;
    height: 100%;
    margin: auto;
    padding:0px;
    border:0px;
    font-weight:normal;
    text-shadow: 0px 0px 1px #000000;
    border: 0px;
    font-size: 14pt;
}

span.s-IW{
    font-size:22pt;
}

div.menu{
    position: fixed;
    bottom: 0px;
    width: 100%;
    height: 30px;
    margin: 0px;
    padding: 0px;
    border: 0px;
    left: 0px;
    right: 0px;
    background-color:#112e74;
    border-top: 1px solid #ff373c;
    z-index: 1000;
}

div.m-box{
    position:relative;
    max-width: 600px;
    width: 100%;
    height: 100%;
    margin: auto;
    padding:0px;
    border:0px;
}


div.m-link{
  float: left;
  margin: 0px;
  padding: 0px; 
  border: 0px;
}

a.m-link{
  float: left;
  padding: 0px 5px 5px 5px;
  margin: 0px 10px 0px 0px;
  text-align: center;
  text-decoration:none;
  font-size: 15px;
  font-weight:none;
  color: #ffffff;
  text-shadow: 0px 0px 2px #90b2ff;    
  border-top: 3px solid #112e74;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out
}

a.m-link:hover{
  border-top: 3px solid #84adff;
}

a.m-link:active{
  border-top: 3px solid #ff373c;
  color: #ff373c;
  text-shadow: 0px 0px 1px #ff373c;    
}



div.slide-sp{
    position:relative;
    padding: 0px;
    margin: 0px;
    border: 0px;
    top: 0px;
    left: 0px;
    width: 100%;
    min-height: 100%;
    background-image: url(images/congruent_pentagon-1.png);
    background-attachment:fixed;
    color:#ffffff;
    z-index: 500;
}

div.slide-1{
    padding: 0px;
    margin: 0px;
    border: 0px;
    top: 0px;
    left: 0px;
    width: 100%;
    min-height: 100%;
    text-shadow: 0px 0px 1px #6f6f6f; 
    background-color:rgba(65, 95, 158, 0.90);
    color:#ffffff;
}

div.box{
    position:relative;
    max-width: 600px;
    width: 85%;
    margin: auto;
    padding-top:110px;
    padding-bottom:30px;
    border:0px;
}

div.fleft{
    display: inline-block;
    max-width: 296px;
    min-width: 296px;
    width: 49%;
    margin-bottom: 30px;
    border: 0px;
    text-align:left;
}

div.slide-2{
    padding: 0px;
    margin: 0px;
    border: 0px;
    left: 0px;
    width: 100%;
    min-height: 100%;
    text-shadow: 0px 0px 2px #b2caff;    
    background-color:rgba(255, 255, 255, 0.90);
    color:#112e74;
}


img.s1-img{
    margin:0px;
    width:100px;
    height:100px;
}


img.s2-img{
    margin:0px;
    width:40px;
    height:40px;
}




h1{
    font-weight:normal;
    border: 0px;
    font-size: 22pt;
}


h2{
    font-weight:normal;
    border: 0px;
    font-size: 14pt;
}

div.bottom-links{
    position:fixed;
    margin-left:325px;
    left: 50%;
    bottom:0px;
    border:0px;
    z-index:1001;
}


a.nlink-s2{
  color: #ff373c;
  text-shadow: 0px 0px 2px #84adff;    
  text-decoration:none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out
}

a.nlink-s2:hover{
  color: #ff0000;
  border-bottom: 1px solid #112e74;
  text-decoration:none;
  text-shadow: 0px 0px 5px #112e74;    
}

a.nlink-s2:active{
  color: #000000;
  text-decoration:none;
  text-shadow: 0px 0px 15px #111111;    
  border-bottom: 1px solid #ff373c;
}


a.nlink-s1{
  color: #84adff;
  text-shadow: 0px 0px 2px #112e74;
  text-decoration:none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out
}

a.nlink-s1:hover{
  color: #112e74;
  border-bottom: 1px solid #112e74;
  text-decoration:none;
  text-shadow: 0px 0px 5px #84adff;    
}

a.nlink-s1:active{
  color: #112e74;
  text-decoration:none;
  text-shadow: 0px 0px 15px #111111;    
  border-bottom: 1px solid #000000;
}


p.justify{
  text-align: justify;
}


@media (max-width: 1300px) {

  div.bottom-links{
    width:180px;
  }
}


@media (max-width: 1100px) {

  div.bottom-links{
    width:50px;
  }

  a.m-link{
    font-size: 14px;
    text-shadow: 0px 0px 0px #90b2ff;    
  }

}


@media (max-width: 768px) {

  div.bottom-links{
    opacity:0;
  }


}

@media (max-width: 640px) {

  span.s-IW{
    font-size:20pt;
  }

  div.t-box{
    font-size: 12pt;
  }

  a.m-link{
    font-size: 12px;
    text-shadow: 0px 0px 0px #90b2ff;    
  }

  h1{
    font-size: 20pt;
  }


  h2{
    font-size: 13pt;
  }

}

@media (max-width: 530px) {

  div.top{
    opacity:0;
  }


  h1{
    font-size: 18pt;
  }


  div.top{
    height: 60px;
  }


  div.menu{
    height: 60px;
  }

  div.box{
    padding-top:60px;
    padding-bottom:20px;
  }

}

@media (max-width: 480px) {



}


@media (max-width: 320px) {



}