/* PHONE PORTRAIT CSS VIEW */
html{
	margin:0;
	padding:0;
	width: 100%; /*NEW ADDED*/
  overflow-x: hidden; /*NEW ADDED*/
}
html, body {
    touch-action: pan-y; /* CANT ZOOM */
    -webkit-user-select: none; /* CANT ZOOM */
    user-select: none; /* CANT ZOOM */
    overscroll-behavior: none; /* CANT ZOOM */
}
body{
	background: white; /*linear-gradient(0deg, gainsboro, white);*/
	margin:0;
	padding:0 0 0vw 0;
	font-family: verdana;
	/*min-height: 100vh;*/
	text-align:center;
	color: #333;
	font-size:4.5vw;
	/*width:98vw;*/
}
  	/*body.modal-open {
	    overflow: hidden;
	  }*/
.body_move{
	background-position: 	/*left top;*/ center top;
	background-repeat: 		no-repeat;
	background-size: 			120vh;
	background-attachment:fixed;
	background-image: url('../-img/mannequin03.jpg');
	/*transition: background-size 16s, background-position 16s;*/
	transition: background-size 16s, background-position 25s;
	min-height:100vh;
}
.body_move2{
	background-size: 150vh;
	background-position:/*20% top;*/ 70% top;
}

a{
	text-decoration:none;
	color:inherit;
}
a.link_goback{
	display:none;
}
a.link{
	color:royalblue;
	/*color:#FED596*/;
	/*color:red;*/
	text-decoration:none;
	font-size:4.5vw;
}
	a.link:hover{
		text-decoration:underline;
	}
			
h1{
	font-family:"Proxima Nova Regular", Roboto, Helvetica, Arial;
}
date{
	cursor:pointer;
}
kalertok, kalertko{
	background: whitesmoke;
	border: 0.2vw solid #888;
	border-radius:1vw;
	padding: 4vw 7vw;
	font-family: arial;
	font-size:5vw;
	width:70vw;
	top: 80%;
  left: 50%;
  transform: translate(-50%, -50%);
	position: fixed;
}
kalertko{
	background:#FFC2C3;;
}

stuff{
	display:block;
	/*border:2px solid white;*/
	border:none; /*NEW ADDED*/
	/*box-shadow: 0 1px 4px #BBBBBB;*/
	box-shadow:0; /*NEW ADDED*/
	margin:auto;
	margin-bottom: 12vw;
	background: whitesmoke;
	padding-top:0vw;
	padding-bottom:8vw;
	text-align:left;
	color: #333;
	font-size:5vw;
	box-sizing: border-box; /*NEW ADDED*/
	/*border-color:red;*/
	width:100vw; /*NEW ADDED*/
	margin:0vw 0 12vw 0; /*NEW ADDED*/
	padding:1vw 0 8vw 0; /*NEW ADDED*/
	background:#F8F8F8;
	/*background:white;*/
	
}


error404{
	display: flex;
  justify-content: center;
  align-items: center;
  height: 50vh;
  background-color: rgba(255, 255, 255, 0.5);
  color: #666;
  font-size: 7vw;
  text-align: center;
  padding: 2rem;
  border-bottom: 0.1vw solid #ccc;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
}

/* DESKTOP VIEW MODIFICATIONS */
@media all and (min-device-width: 640px) and (min-width: 960px) and (orientation: landscape ){
	body{
		font-size:14px;
	}
html{
	margin:0;
	padding:0;
}


body{
	/*background: linear-gradient(0deg, gainsboro, white);*/
	background: linear-gradient(0deg, #F8F8F8, white);
	background: linear-gradient(0deg, gainsboro, white);
	margin:0;
	padding:0 0 0px 0;
	font-family: verdana;
	min-height: 100vh;
	text-align:center;
	color: #333;
	font-size:14px;
	
}
/*
body {
	
  background-image: linear-gradient(to bottom, red, blue), url('a.jpg');
  background-size: cover; 
  background-position: center; 
  background-repeat: no-repeat; 
}
*/
.body_move{
	background-position: 	left top;
	background-repeat: 		no-repeat;
	background-size: 			100%;
	background-attachment:fixed;
	/*background-image: url('../-img/mannequin03.jpg');*/
	transition: background-size 16s, background-position 16s;
}
.body_move2{
	background-size: 140%;
	background-position: 20% top;
}

a{
	text-decoration:none;
	color:inherit;
}
a.link,a.link_goback{
	color:royalblue;
	/*color:#FED596;*/
	text-decoration:none;
	font-size:inherit;
	
}
a.link_goback{
	display:block;
	width: fit-content; 
	margin:0 auto 20px auto;
}
	a.link:hover,a.link_goback:hover{
		text-decoration:underline;
	}
			
h1{
	font-family:"Proxima Nova Regular", Roboto, Helvetica, Arial;
}
kalertok, kalertko{
	background: whitesmoke;
	padding: 15px 30px;
	font-family: arial;
	position: fixed;
	border: 1px solid #bbb;
	border-radius:5px;
	font-size:16px;
	width:auto;
	top: auto;
  left: auto;
  bottom:1%;
  right:1%;
  transform: none;
	position: fixed;
}
kalertko{
	background:#FFC2C3;;
}
stuff{
	display:block;
	
	min-height:500px;
	border:none;
	/*border-bottom-left-radius: 1vw;
	border-bottom-right-radius: 1vw;*/
	box-shadow: none;
	margin:auto;
	margin-bottom: 80px;
	background: none;
	padding-top:70px;
	padding-bottom:50px;
	text-align:left;
	color: #333;
	font-size:16px;
	margin-left:380px;
	margin-right:20px;
	width:inherit;
	/*border-color:red;*/
}
error404{
	display: flex;
  justify-content: center;
  align-items: center;
  height: 50vh;
  background-color: rgba(255, 255, 255, 0.5);
  color: #666;
  font-size: 30px;
  text-align: center;
  padding: 2rem;
  border-bottom: 1px solid #ccc;
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
}

}