body{
	margin: 0;
	padding: 0;
	background: url(../img/defaultBack.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100vh;
	}
.container{
    padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    margin-top: 35vh;
}

 .kotya h1{
	font-family: 'Roboto Mono', monospace;
	color:#0f2338;
	font-size: 50pt;

}

.kotya #yesbtn{
	width: 100px;
	height: 100px;
	border: 30px;
	background:#fe5f55;
	border: 2px;
	border-radius: 24px;
	font-size: 25px;
	color:#faf3dd;
	cursor:pointer;

}

.kotya #nobtn{
	width: 100px;
	height: 100px;
	border: 30px;
	background: #fe5f55;
	border: 2px;
	border-radius: 24px;
	font-size: 25px;
	color:#faf3dd;
	cursor:pointer;

}

.kotya #yesbtn:hover{
	background:#90ddf0;
	border: 2px solid #4ce0b3;
	color:#2b3a67;
}

.kotya #nobtn:hover{
	background:#90ddf0;
	border: 2px solid #4ce0b3;
	color:#2b3a67;
}

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {  
	img{
		max-width: 200px;
		height: auto;
		margin-top: 2vh;
	}

	div.row h1{
		font-size: 20pt;
	}

	div.row h2{
		font-size: 10pt;
	}

	container-fluid{
		min-width: 500px;
		vertical-align: middle;
	}

}
 
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (max-width: 768px) {  
 
}
 
/* Large devices (desktops, 992px and up) */
@media (max-width: 992px) { 
 
}
 
/* Extra large devices (large desktops, 1200px and up) */
@media (max-width: 1200px) {  
    
}
 
 
 
/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Custom media queries
*/
 
/* Set width to make card deck cards 100% width */
@media (max-width: 950px) { 
 
}