@font-face {
    /*font-family: 'disco_deckregular';
    src: url('../fonts/discodeck/discodeck-webfont.eot');
    src: url('../fonts/discodeck/discodeck-webfont.eot?#iefix') format('embedded-opentype'),
   url('../fonts/discodeck/discodeck-webfont.woff') format('woff'),
   url('../fonts/discodeck/discodeck-webfont.ttf') format('truetype'),
   url('../fonts/discodeck/discodeck-webfont_1.svg#disco_deckregular') format('svg');
    font-weight: normal;
    font-style: normal;*/
	
  font-family: 'SegoeWP'; 
  src: url('../fonts/segoe/SegoeWP.ttf'); 

}

body {
  background-color: #ccc;
  /*-webkit-perspective: 2000px;
  perspective: 2000px;
  padding-bottom: 100px;*/
}

.container {
  /*width: 700px;
  margin: 65px auto;*/
  width: 75%;
  margin: 35px 13%;
  border-radius: 15px;
  background-color: rgba(255,255,255,0.8);
  box-shadow: inset 0px 50px 10px -48px #fff, 0px 2px 5px 1px #555;
  padding: 30px;
  /*-webkit-transform: translateZ(-200px) translateY(-100px) rotateX(20deg) rotateY(-15deg);
  transform: translateZ(-200px) translateY(-100px) rotateX(20deg) rotateY(-15deg);*/
  /*box-shadow: 50px 80px 50px rgba(0,0,0,0.2);*/
  -webkit-transition: -webkit-transform 1s ease;
  transition: transform 1s ease;
  outline: 1px solid transparent;
  max-width: 650px;
}
.container2 {
  /*width: 700px;
  margin: 65px auto;*/
  width: 75%;
  margin: 35px 13%;
  border-radius: 15px;
  background-color: rgba(255,255,255,0.8);
  box-shadow: inset 0px 50px 10px -48px #fff, 0px 2px 5px 1px #555;
  padding: 30px;
  /*-webkit-transform: translateZ(-200px) translateY(-100px) rotateX(20deg) rotateY(-15deg);
  transform: translateZ(-200px) translateY(-100px) rotateX(20deg) rotateY(-15deg);*/
  /*box-shadow: 50px 80px 50px rgba(0,0,0,0.2);*/
  -webkit-transition: -webkit-transform 1s ease;
  transition: transform 1s ease;
  outline: 1px solid transparent;
  max-width: 650px;
}
@media screen and (max-width: 1280px) {
  .container {
  /*width: 700px;
  margin: 65px auto;*/
  width: 98%;
  margin: 30px 1%;
  }
  .container2 {
  /*width: 700px;
  margin: 65px auto;*/
  width: 98%;
  margin: 30px 1%;
  }
}
.container2 {
display:none;
}
.clipped {
  /*background: url(../img/header.png) no-repeat center center;*/
  /*background-color: rgba(5, 172, 250, 0.8);*/
  /*background: url(../img/header3.png) no-repeat center center;*/
 /* background-color:rgba(55,55,55,0.5);
  background-position-x: -90px;
  border-radius:5px;*/
  /*background-size: cover;*/
  /*color: #FFF;
  text-align: center;
  padding: 1px;
  margin-bottom:30px;
  box-shadow: inset 0px 50px 10px -48px #fff, 0px 2px 5px 1px #555;*/
  color: #fff;
background: #3d3b3a;
letter-spacing: 5px;
text-align: center;
font-weight: bold;
text-transform: uppercase;
/*padding: 2px 5px;*/
margin: 0 0 8px 0;
margin-bottom: 30px;
  /* -webkit-background-clip clips the background of the element to the text */
  /*-webkit-text-fill-color: transparent;*/ /* overrides the white text color in webkit browsers */
  /*-webkit-background-clip: text;*/
}
.clscreen
{
/*box-shadow: 0px -5px 5px 1px #444;*/
/*border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;*/
/*border-radius:5px;*/
margin-top: 10px;
width:100%
}
.clscreen2
{
/*box-shadow: 0px -5px 5px 1px #444;*/
/*border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;*/
/*border-radius:5px;*/
margin-top: 10px;
width:100%
}
.container h1 {
  font: 40px "SegoeWP", sans-serif;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  cursor: default;
  font-weight:bolder;
  text-shadow: 0 0 1px rgba(77,77,77,0.4);
  -webkit-transition: text-shadow 1s ease;
  transition: text-shadow 1s ease;
}

.container  h1:hover {
  /*text-shadow: none;*/
}

.container p {
  /*margin: 15px 10px;*/
  font-size: 18px;
  color: #3d3b3a;
  text-align:justify;
}

.container p span {
  display: block;
  color: #fff;
  background: #3d3b3a;
  letter-spacing: 2px;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  padding: 2px 5px;
  margin: 0 0 8px 0;
}
.container li
{
margin-top: 10px;
text-align:justify;
}

.container2 h1 {
  font: 40px "SegoeWP", sans-serif;
  margin: 0 auto;
  padding: 0;
  text-align: center;
  cursor: default;
  font-weight:bolder;
  text-shadow: 0 0 1px rgba(77,77,77,0.4);
  -webkit-transition: text-shadow 1s ease;
  transition: text-shadow 1s ease;
}

.container2  h1:hover {
  /*text-shadow: none;*/
}

.container2 p {
  /*margin: 15px 10px;*/
  font-size: 18px;
  color: #3d3b3a;
  text-align:justify;
}

.container2 p span {
  display: block;
  color: #fff;
  background: #3d3b3a;
  letter-spacing: 2px;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  padding: 2px 5px;
  margin: 0 0 8px 0;
}
.container2 li
{
margin-top: 10px;
text-align:justify;
}