@media(min-width: 300px) { 
	.container {
		font-size: 1.3em;
    }
	#mobile{
		width: 70%;
		height: 70%;
	}
}
@media(min-width: 600px) { 
	.container {
		font-size: 1.4em;
    }
	#atm img{
		margin-top: 1px;
		width: 45%;
		height: 45%;
	}
}
@media(min-width: 500px) { 
	.container {
		font-size: 1.4em;
    }
	#mobile{
		width: 40%;
		height: 40%;
	}
	#atm img{
		margin-top: 1px;
		width: 60%;
		height: 60%;
	}
}
@media(min-width: 1200px) { 
	.container {
		font-size: 1.6em;
    }
	#mobile{
		width: 40%;
		height: 40%;
	}
	#atm img{
		margin-top: 1px;
		width: 50%;
		height: 50%;
	}
}
body{
	font-family: "Times New Roman", Times, serif;
	color: color: #000000;
	background-color: #F8F3EF;
}
a{
	text-decoration: none;
	color: #000000;
}
a:link {
	color: #696969;
    text-decoration: none;
}

a:visited {
	color: #696969;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

a:active {
	color: #696969;
    text-decoration: none;
}
#top-nav{
	text-align: center;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
#kcryber{
	text-align: center;
	width: 100%;
}
#mobile{
	text-align: center;
	margin-top: 1px;
}
#atm{
	text-align: center;
}
img{
		 height: 70%; 
		 width: 80%
	}
.dm{
	font-size: 0.5em;
}
.footer{
	border-top: 1px solid rgba(0, 0, 0, 0.2);
}
.link:hover{
	color: #000000;
}