/* Whassup \m/ */

@media only screen and (orientation: portrait)
{	
	body {				
		font-family: 'Sumana', serif;
	}
	.wrap1 {
		width: 90%;
		float: left;
		position: relative;
		padding: 4px;
	}
	.wrap2 {
		width: 90%;
		float: left;
		position: relative;
		clear: both;
		margin: auto;
		text-align: center;
	}
	.col-1 {			
		width: 40%;
		float: left;
		text-align: right;
	}
	.col-2 {			
		width: 50%;
		float: right;
		text-align: left;
		margin-left: 2px;
	}
	.col-3 {		
		width: 90%;
		margin: auto;
		position: relative;
		clear: both;
	}
	.tunga {
		font-size: 30px;
		top: 40% !important;
		left: 47% !important;
	}	
	.funt {
		font-size: 30px;		
	}	
	.submit-button {
		font-size: 30px;
		height: 60px;
		z-index: 100;
	}
	.funt-textarea {		
		font-size: 30px;
		z-index: 100;
	}
	.to-o {
		font-size: 30px; 
	}
}		
@media only screen and (orientation: landscape)
{
	p.rightbox {
		width: 40%;
		float: right;
	}
	.wrap0 {
		width: 60%;
		float: left;
		position: relative;
	}
	.wrap1 {
		width: 95%;
		float: left;
		position: relative;
		padding: 4px;
	}
	.wrap2 {
		width: 60%;
		float: left;
		position: relative;
		clear: both;
		margin: auto;
		text-align: center;
	}
	.col-1 {			
		width: 40%;
		float: left;
		text-align: right;
		padding-top: 18px;
	}
	.col-2 {			
		width: 50%;
		float: left;
		text-align: left;
		margin-left: 20px;
	}
	.col-3 {						
		margin: auto;
		position: relative;		
	}	
	.tunga {
		font-size: 18px;
	}
	.funt {
		font-size: 18px;
		width: 100%;
	}
	.funt-input {
		height: 36px;		
	}
	.submit-button {
		font-size: 18px;		
		height: 36px;		
		z-index: 999;
	}
	.funt-textarea {
		font-size: 18px;
		width: 100%;		
	}
	.to-o {
		font-size: 18px; 
	}
}
	.err {
		color: #f00;
	}
	.funt {	
		/* font-family: 'Amatic SC', cursive; */
		font-family: 'Sumana', serif;
		background-color: rgba(255,255,255,0.10);
		border: 1px solid rgba(0,0,0,.5);
		color: #fff;		
		line-height: 0.5;
		height: 56px;
		padding-left: 18px;
		}
	.funt-input {			
		font-family: 'Sumana', serif;
		background-color: rgba(255,255,255,0.10);
		border: 1px solid rgba(0,0,0,.5);
		color: #fff;		
		line-height: 0.5;
		height: 56px;
		padding-left: 18px;
		font-size: 18px;
		width: 100%;
		z-index: 100;
		}		
	.submit-button {
		margin: auto;		
		font-family: 'Sumana', serif;
		background-color: rgba(255,255,255,0.10);
		border: 1px solid rgba(0,0,0,.5);
		color: #fff;		
		line-height: 0.5;		
		width: 300px;	
		padding: 5px;		
		z-index: 999;
		clear: left;
		
	}	
	.funt-textarea {
		font-family: 'Sumana', serif;
		background-color: rgba(255,255,255,0.10);
		border: 1px solid rgba(0,0,0,.5);
		color: #fff;					
		line-height: 1;
		padding-left: 18px;
		font-size: 18px;
		width: 100%;
		height: 143px;
		z-index: 100;
	}
	.tunga {
		position: absolute;
		left: 50%; 
		top: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);	
		background-color: rgba(0,0,0,0.5);
		
		padding: 25px;		
		margin: 20px 40px; 
				
		color: #fff;
		width: 80%;
		
		line-height: 1;
	}
	.tunga-test {
		position: absolute;
		top: 50%;
		background-color: rgba(0,0,0,0.5);	
		font-size: 30px;
		padding-left: 20px;
		padding-right: 20px;
		color: #fff;	
	}
	.to-o {		
		color: #fff;
	}
	.footer {	
		text-align: center;
		position: absolute;
		left: 50%;
		bottom: -150px;
		-webkit-transform: translateX(-50%,);
		transform: translateX(-50%);		
		background-color: rgba(0,0,0,0.2);	
		font-size: 20px;
		color: #fff;
		width: 95%;				
	}
	a:visited {
		color: #fafafa !important;
		font-weight: 800;
		text-decoration: underline;
		background-color: #fff;
	}
	.table-1 {
		width: 20%;
		text-align: right;
	}
	.table-2 {
		width: 40%;
		text-align: left;
		padding-left: 10px;
	}
}