@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@300&display=swap');
   :root {
      all: unset;
    --font-family: 'Raleway', sans-serif;
    --header-height: 28px;
	--footer-height:70px;
	--narrow-width:850px;
    --main-bg-color: rgba(30, 30, 43, 0.89);
    --main-text-color: #fcf8f8;
    --button-color: #436cca;
    --button-hover-color:#8cb4f9;
    --normal-font-size: 18px;
	--larger-font-size: 36px;
    --smaller-font-size: 14px;
    --border-radius:15px;
    --z-fixed: 100;
   
}
body {
    margin:0px;
    background-color: var(--main-bg-color);
    color: var(--main-text-color);
    font-size: var(--normal-font-size);
    font-family:var(--font-family);
}

input:required:invalid, input:focus:invalid {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAeVJREFUeNqkU01oE1EQ/mazSTdRmqSxLVSJVKU9RYoHD8WfHr16kh5EFA8eSy6hXrwUPBSKZ6E9V1CU4tGf0DZWDEQrGkhprRDbCvlpavan3ezu+LLSUnADLZnHwHvzmJlvvpkhZkY7IqFNaTuAfPhhP/8Uo87SGSaDsP27hgYM/lUpy6lHdqsAtM+BPfvqKp3ufYKwcgmWCug6oKmrrG3PoaqngWjdd/922hOBs5C/jJA6x7AiUt8VYVUAVQXXShfIqCYRMZO8/N1N+B8H1sOUwivpSUSVCJ2MAjtVwBAIdv+AQkHQqbOgc+fBvorjyQENDcch16/BtkQdAlC4E6jrYHGgGU18Io3gmhzJuwub6/fQJYNi/YBpCifhbDaAPXFvCBVxXbvfbNGFeN8DkjogWAd8DljV3KRutcEAeHMN/HXZ4p9bhncJHCyhNx52R0Kv/XNuQvYBnM+CP7xddXL5KaJw0TMAF8qjnMvegeK/SLHubhpKDKIrJDlvXoMX3y9xcSMZyBQ+tpyk5hzsa2Ns7LGdfWdbL6fZvHn92d7dgROH/730YBLtiZmEdGPkFnhX4kxmjVe2xgPfCtrRd6GHRtEh9zsL8xVe+pwSzj+OtwvletZZ/wLeKD71L+ZeHHWZ/gowABkp7AwwnEjFAAAAAElFTkSuQmCC);
	background-position: right top;
	background-repeat: no-repeat;
	box-shadow: none;
}
input:required:valid {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAepJREFUeNrEk79PFEEUx9/uDDd7v/AAQQnEQokmJCRGwc7/QeM/YGVxsZJQYI/EhCChICYmUJigNBSGzobQaI5SaYRw6imne0d2D/bYmZ3dGd+YQKEHYiyc5GUyb3Y+77vfeWNpreFfhvXfAWAAJtbKi7dff1rWK9vPHx3mThP2Iaipk5EzTg8Qmru38H7izmkFHAF4WH1R52654PR0Oamzj2dKxYt/Bbg1OPZuY3d9aU82VGem/5LtnJscLxWzfzRxaWNqWJP0XUadIbSzu5DuvUJpzq7sfYBKsP1GJeLB+PWpt8cCXm4+2+zLXx4guKiLXWA2Nc5ChOuacMEPv20FkT+dIawyenVi5VcAbcigWzXLeNiDRCdwId0LFm5IUMBIBgrp8wOEsFlfeCGm23/zoBZWn9a4C314A1nCoM1OAVccuGyCkPs/P+pIdVIOkG9pIh6YlyqCrwhRKD3GygK9PUBImIQQxRi4b2O+JcCLg8+e8NZiLVEygwCrWpYF0jQJziYU/ho2TUuCPTn8hHcQNuZy1/94sAMOzQHDeqaij7Cd8Dt8CatGhX3iWxgtFW/m29pnUjR7TSQcRCIAVW1FSr6KAVYdi+5Pj8yunviYHq7f72po3Y9dbi7CxzDO1+duzCXH9cEPAQYAhJELY/AqBtwAAAAASUVORK5CYII=);
	background-position: right top;
	background-repeat: no-repeat;
}
input[type=text] {
  	width: 100%;
	font-size: var(--normal-font-size);  
	color: var(--main-text-color);
	box-sizing:border-box;
	transition: width 0.4s ease-in-out;
	background-color:rgb(6, 39, 37);
	padding-left: 40px;
	border-left-style:inset;
	border-left-color:rgba(97, 94, 98, 0.83);
	border-left-width:2px;
	border-bottom-style:inset;
	border-bottom-color:rgba(97, 94, 98, 0.83);
	border-bottom-width:2px;
	border-top-style:inset;
	border-top-color:rgba(97, 94, 98, 0.83);
	border-top-width: 2px;
	border-radius:4px;
	padding: 12px 20px 12px 40px;
	transition: width 0.4s ease-in-out;
}
input[type=text]:focus {
  background-color: var(--background-color);
}

input[type=email] {
  width: 100%;
  font-size: var(--normal-font-size);  
  color: var(--main-text-color);
  box-sizing:border-box;
  transition: width 0.4s ease-in-out;
  background-color:rgb(6, 39, 37);
  padding-left: 40px;
  border-left-style:groove;
  border-left-color:rgba(97, 94, 98, 0.83);
  border-left-width:4px;
  border-bottom-style:inset;
  border-bottom-color:rgba(97, 94, 98, 0.83);
  border-bottom-width:4px;
  border-top-style:inset;
  border-top-color:rgba(233, 227, 241, 0.73);
  border-top-width: 2px;
  border-radius:4px;
  padding: 12px 20px 12px 40px;
  transition: width 0.4s ease-in-out;

}



input[type=email]:focus {
background-color: var(--background-color);
}


input[type=date] {
  width: 100%;
  font-size: var(--normal-font-size);  
  color: var(--main-text-color);
  box-sizing:border-box;
  transition: width 0.4s ease-in-out;
  background-color:rgb(6, 39, 37);
  padding-left: 40px;
  border-left-style:groove;
  border-left-color:rgba(97, 94, 98, 0.83);
  border-left-width:4px;
  border-bottom-style:inset;
  border-bottom-color:rgba(97, 94, 98, 0.83);
  border-bottom-width:4px;
  border-top-style:inset;
  border-top-color:rgba(233, 227, 241, 0.73);
  border-top-width: 2px;
  border-radius:4px;
  padding: 12px 20px 12px 40px;
  transition: width 0.4s ease-in-out;
}
input[type=date]:focus {
background-color: var(--background-color);
}


input[type=password] {
	width: 100%;
	font-size: var(--normal-font-size);  
	color: var(--main-text-color);
	box-sizing:border-box;
	transition: width 0.4s ease-in-out;
	background-color:rgb(6, 39, 37);
	padding-left: 40px;
	border-left-style:groove;
	border-left-color:rgba(97, 94, 98, 0.83);
	border-left-width:4px;
	border-bottom-style:inset;
	border-bottom-color:rgba(97, 94, 98, 0.83);
	border-bottom-width:4px;
	border-top-style:inset;
	border-top-color:rgba(233, 227, 241, 0.73);
	border-top-width: 2px;
	border-radius:4px;
	padding: 12px 20px 12px 40px;
	transition: width 0.4s ease-in-out;
}
input[type=password]:focus {
background-color: var(--background-color);
}

       .zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes zoomInDown {
  0% {
  opacity: 0;
  -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
  transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
  -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
  60% {
  opacity: 1;
  -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
  transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
  }
  @keyframes zoomInDown {
  0% {
  opacity: 0;
  -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
  transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
  -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
  60% {
  opacity: 1;
  -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
  transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
  } 




  .rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes rotateIn {
  0% {
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transform: rotate3d(0, 0, 1, -200deg);
  transform: rotate3d(0, 0, 1, -200deg);
  opacity: 0;
  }
  100% {
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transform: none;
  transform: none;
  opacity: 1;
  }
  }
  @keyframes rotateIn {
  0% {
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transform: rotate3d(0, 0, 1, -200deg);
  transform: rotate3d(0, 0, 1, -200deg);
  opacity: 0;
  }
  100% {
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transform: none;
  transform: none;
  opacity: 1;
  }
  } 



       .lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes lightSpeedIn {
  0% {
  -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
  transform: translate3d(100%, 0, 0) skewX(-30deg);
  opacity: 0;
  }
  60% {
  -webkit-transform: skewX(20deg);
  transform: skewX(20deg);
  opacity: 1;
  }
  80% {
  -webkit-transform: skewX(-5deg);
  transform: skewX(-5deg);
  opacity: 1;
  }
  100% {
  -webkit-transform: none;
  transform: none;
  opacity: 1;
  }
  }
  @keyframes lightSpeedIn {
  0% {
  -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
  transform: translate3d(100%, 0, 0) skewX(-30deg);
  opacity: 0;
  }
  60% {
  -webkit-transform: skewX(20deg);
  transform: skewX(20deg);
  opacity: 1;
  }
  80% {
  -webkit-transform: skewX(-5deg);
  transform: skewX(-5deg);
  opacity: 1;
  }
  100% {
  -webkit-transform: none;
  transform: none;
  opacity: 1;
  }
  } 




  .zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes zoomInUp {
  0% {
  opacity: 0;
  -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
  transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
  -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
  60% {
  opacity: 1;
  -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
  transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
  }
  @keyframes zoomInUp {
  0% {
  opacity: 0;
  -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
  transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
  -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }
  60% {
  opacity: 1;
  -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
  transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
  -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
  } 

 .calcinput{
 		border-right: 3px inset grey;
 		border-top: 3px inset rgb(222, 214, 214);
 		font-size: var(--normal-font-size);  
 		border-left: 1px inset grey;
 		color: #000;
 		border-bottom: 1px inset grey;
		background-color:#fffeff;
		width: 100px;
 		max-width:100%;
 	}

	.calcinput:focus {
  background-color: rgb(34, 22, 54);
  color:#fff;
}

	.calcinput_wide{
 		border-right: 3px inset grey;
 		border-top: 3px inset rgb(222, 214, 214);
 		font-size: var(--normal-font-size);  
 		border-left: 1px inset grey;
 		color: var(--main-text-color);
 		border-bottom: 1px inset grey;
		background-color:#180816;
		width: 100px;
 		max-width:100%;
 	}

	.calcinput_wide:focus {
  background-color: rgb(34, 22, 54);
  color:#fff;
}
   .glassmorphism {
      background-color:  rgba( 146,107,107, 0.4); 
      backdrop-filter: blur(7px);
      -webkit-backdrop-filter: blur(7px);
      border-radius: var(--border-radius);
      border: 1px solid rgba( 146,107,107, 0.4); 
    }

/*The following classes are for Iframe video responsive sizing*/
.resp-container {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}

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


.schrink{
	max-width:100%;
}

.hidden{
	display:none;
	visibility:hidden;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}


.longshadow {
  font-size: var(--larger-font-size);  
  color: #ebefef;
  letter-spacing: .15em;
  text-shadow: 2px -2px 2px #262424, -4px 4px 2px #232121, -2px 4px 4px #212020;
}

.metaborder{
	font-family:var(--font-family);
	border-left: 2px inset #3a283a;
	border-right: 2px inset #3a2365;
	border-top: 2px inset #3e344d;
	border-bottom: 2px inset #674d76;
	max-width:100%;
	background-color:#afadbe;
	box-shadow:2px 2px 1px grey;
	padding:15px;
	text-align:left;
	min-height:200px;
}

.encasing{
	border-radius: var(--border-radius);
	border-width: 2px;
	border-style:inset;
	padding:5px;
	margin:auto;
	animation: colors 12s infinite;
}

textarea {
  width: 100%;
  height: 150px;
  font-size: var(--normal-font-size);  
  padding: 12px 20px;
  box-sizing: border-box;
  border: 1px inset #56dfdc;
  border-radius: var(--border-radius);
  background-color:rgb(219, 210, 233);
  resize: none;
}
textarea:focus{
  background-color:rgb(247, 247, 247);
}

@keyframes colors {
	0% {
		border-color:rgba(184, 149, 219, 0.9);
		border-style:ridge;
    border-width:2px;
	}
	20% {
		border-color:rgba(25, 231, 36, 0.6);
		border-style:ridge;
    border-width:2px;
	}
	40% {
		border-color:rgba(206, 24, 100, 0.84);
		border-style:ridge;
    border-width:2px;
	}
	60% {
		border-color:rgba(18, 183, 189, 0.87);
		border-style:ridge;
    border-width:2px;
	}
	80% {
		border-color:rgba(218, 185, 43, 0.71);
		border-style:ridge;
    border-width:2px;
	}
	100% {
		border-color:rgba(138, 54, 190, 0.9);
		border-style:ridge;
    border-width:2px;
	}
}

#fadeout {
  opacity: 1;
  transition: 10s opacity;
  text-align: center;
  /*font-size:32px;*/
}
#fadein {
  opacity: 0;
  transition: 12s opacity;
  text-align: center;
  /*font-size:32px;*/
}

.space{
height:var(--header-height);	
}

.high_space{
height:var(--footer-height);	
}

.narrow{
width:var(--narrow-width);

}


.text_block{
text-align: justify;
line-height:140%;
padding:15px;
margin-left:auto;
margin-right:auto;
max-width:100%;
font-family:var(--font-family);
font-size: var(--normal-font-size);  
font-weight:100;
background-color: var(--main-bg-color);
border-radius: var(--border-radius);
box-shadow: 10px 15px 40px #36486b;

}
.text_block:hover
{
	box-shadow:1px 1px 1px #4b1588;
}


.block{
padding:15px;
margin-left:auto;
margin-right:auto;
width:500px;
max-width:100%;
font-family:var(--font-family);
font-size: var(--smaller-font-size);  
font-weight:100;
background-color: var(--main-bg-color);
border-radius: var(--border-radius);
box-shadow: 5px 5px 5px #36486b;
}

.block:hover
{
	box-shadow:1px 1px 1px #4b1588;
}
.tech_block{
padding:20px;
margin-left:auto;
margin-right:auto;
max-width:100%;
font-family:var(--font-family);
font-size: var(--normal-font-size);  
color: var(--main-text-color);
font-weight:300;
/*background-color: var(--main-bg-color);*/
border-radius: var(--border-radius);
box-shadow: 10px 15px 20px #36486b;
background-color: #4a1241;
opacity: 0.95;
background-image: linear-gradient(45deg, #2a0d2e 50%, #180618 50%);
background-size: 6px 6px;
}

.tech_block:hover
{
	box-shadow:1px 1px 1px #4b1588;
}
.small_block{
text-align: center;
padding:20px;
margin-left:auto;
margin-right:auto;
width:400px;
max-width:100%;
font-family:var(--font-family);
font-size: var(--smaller-font-size);
color: var(--main-text-color);
font-weight:300;
background-color: var(--main-bg-color);
border-radius: var(--border-radius);
box-shadow: 10px 15px 40px #36486b;
}

.small_block:hover
{
	box-shadow:1px 1px 1px #4b1588;
}



@media only screen and (max-width: 600px) {
  .block {
    font-size:18px;
	max-width:400px;
  }
}

.video_size{
max-width:100%;
width:700px;
border-radius: 15px;
border-style: inset;
border-color: #95295b;
box-shadow: #7a4e74;
}

.blocktext {
	
   font-size: 18px;
    margin-left: auto;
    margin-right: auto;
    max-width: 30em;
    text-align: justify;
    padding:20px;
    line-height: 130%;
    background-color: rgba(88, 87, 89, 0.4);
    border-radius:20px;
	/*border-style: inset;
	border-width:thin;*/
}

p::first-letter {
			 color: #e97878;
			 text-shadow:1px 1px 1px #000;
			 font-size: 1.4em;
			 line-height: 1.1px;
	 }


.space_10px
{
	height: 10px;
}

.space_20px
{
	height: 20px;
}
.space_30px
{
	height: 30px;
}
.space_40px
{
	height: 40px;
}
.space_50px
{
	height: 50px;
}

.space_60px
{
	height: 60px;
}

.space_70px
{
	height: 70px;
}
.space_80px
{
	height: 80px;
}
.space_90px
{
	height: 90px;
}
.space_100px
{
	height: 100px;
}

.space_200px
{
	height: 200px;
}

#bg_image{
	/*background-image: url(../images/illusion_bw.png);
	background-color: #a09e9e;*/
  background: linear-gradient(0deg, #fffefc 0%, #f7f7f5 100%);
	background-size:cover;
	filter:hue-rotate(90deg);
	filter:saturate(5);
	filter:sepia(10%);
	filter:contrast(180%)brightness(90%);
	filter:contrast(120%);
	filter:opacity(90%);
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index:-1;

}

#bg_pattern
{
	/*background-image: url(../images/patterns/pattern.png);*/
background-color: #e9e9f9;
opacity: 0.4;
background-image: linear-gradient(-45deg, #e9e9f9, #e9e9f9 50%, #dedee9 50%, #dedee9);
background-size: 12px 12px;

	background-repeat:repeat;
	/*background-color: #a480d9;*/
	background-color: transparent;
	position: fixed;
	filter:hue-rotate(50deg);
	filter:saturate(5);
	filter:opacity(40%);
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index:-1;
}





.ngrave {
  color: white;
	  text-shadow: 1px 1px 2px black, 0 0 15px blue, 0 0 3px darkblue;

}
.ngrave:link{
color:#fff!important;
text-decoration: none;
}
.element {

			animation: backgrounds 6s infinite;
		}
		@keyframes backgrounds {
			0% {
				background-color:rgba(30, 30, 43, 0.89);
			}
			20% {
				background-color:rgba(37, 37, 56, 0.89);
			}
			40% {
				background-color:rgba(31, 31, 54, 0.89);
			}
			60% {
				background-color:rgba(30, 30, 63, 0.89);
			}
			80% {
				background-color:rgba(28, 28, 59, 0.89);
			}
			100% {
				background-color:rgba(26, 26, 82, 0.89);
			}
		}






.footer{  
font-size:14px;
background-color: rgba(178, 184, 183, 0.4);
color:rgba(248, 248, 243, 0.6);
position: fixed;
padding:0px 0px 0px;
left: 0px;
right: 0px;
bottom: 0px;
box-shadow:-2px -2px 8px #000;

}
a:link {
  color: rgb(224, 222, 224);
  background-color:transparent;
  text-decoration: none;
}

a:visited {
  color: rgb(241, 222, 222);
  background-color: transparent;
  text-decoration: none;
}

a:hover {
  color:#D47479;
  background-color: transparent;
  text-decoration: underline;
}

a:active {
  color:#D47479;
  background-color:transparent;
  text-decoration:none
}
.a_color{

	color:#D47479;
}


@media only screen and (max-width: 600px) {
  .blocktext {
    font-size:18px ;
  }
  .footer{
font-size:14px;

  }
.tech_block{
width:450px;
padding:10px;
}

.toparea{
height:5px;
}

}

@media all and(max-width:500px){
	ul.breadcrumb{
		display: block;
		list-style: none; 
    	overflow: hidden; 
		font-size: 8px;
	}
	ul.breadcrumb li a{
		display: block;
		 padding:10px 0 10px 10px;
	}
	.heading{
		position: fixed;
		top: 5%;
		left: 50%;
		/* bring your own prefixes */
		transform: translate(-50%, -50%);
	}

}

@media screen and (min-width: 320px)and (max-width: 600px) {
.text_block{
	margin-top:20px;
	max-width:100%;
	padding:10px;
	font-size: 12px;
}

.tech_block{
margin-left:auto;
margin-right:auto;	
margin-top:-15px;
max-width:95%;
padding:12px;
font-size: 12px;

}

.block{
margin-top:20px;
text-align: justify;
font-size: 12px;
padding:12px;

}

#bg_image{
	background-image: url(../images/illusion_bw.png);
	background-color: #433f3f;
}
footer{
font-size:0.9em;
	}

.schrink{
	max-width:450px;
	margin-left:auto;
	margin-right:auto;
}

	.resp_iframe{
		max-width:300px;
		margin:0px;
		padding:0px;
		}
.video_size{
max-width:280px;
}
img{
max-width:280px;

}

		.encasing{
			padding:0px 0px 0px;
			margin:auto;
		}	

.navbar_break{
	height:2px;
}
.slide_text{
 font-size: 0.45em;
}

.ptext{
background-color: rgba(108, 110, 110, 0.836);
opacity:0.8;
 font-size: 1.4em;
 color:white;
 line-height: 1.4;
 padding:20px;
 text-align: justify;
 }



}

@media screen and (min-width: 601px) and (max-width:1024px){

	.navbar_break{
		height:5px;
	}
	.resp_iframe{
		max-width:400px;
		margin:0px;
		padding:0px;
		}

	.slide_text{
	 font-size: 0.5em;
	}
	footer{

			font-size:0.8em;

	}
}