@charset "utf-8";
/* CSS Document */

html { height: 100%; overflow: hidden;}
body {background:url("../images/santana-gohain.jpg") no-repeat center top; background-size: 100% 100%; font-family: 'PT Serif', serif; color: #243e90; font-size: 22px; margin: 0; padding: 0; overflow-x: hidden; position: relative;}
a {color:#243e90; text-decoration: none;}
a:hover {color:#778ed8;}
.left { width: 50%;  height: 100vh; float: left; position: relative;}
.left::before { content: ""; background: url("../images/img-left.jpg") no-repeat; background-size: cover;  position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; opacity: 1; transition: all 0.4s ease;}
.left:hover::before { opacity: 0;}
.right { width: 50%;  height: 100vh; float: left; position: relative;}
.right::before { content: ""; background: url("../images/img-right.jpg") no-repeat; background-size: cover; position: absolute; top: 0px; right: 0px; bottom: 0px; left: 0px; opacity: 1; transition: all 0.4s ease;}
.right:hover::before { opacity: 0;}
.menu {position:absolute; left:80px; bottom: 60px;}
.menu ul {list-style:none; padding: 0; margin: 0;}
.menu ul li {padding:0 0 20px;}
.left .menu ul li a {color:#000000; font-weight: 400; transition: all 0.4s ease;} 
.left:hover .menu ul li a {color:#ffffff; opacity: 1; transition: all 0.4s ease;} 
.left:hover .menu ul li a:hover {color:#e6437f; opacity: 1;} 



/* for 1280 */
@media (max-width: 1919px) {
	.menu {left:50px; bottom: 30px;}
	
	
	
}


/* for 1024 */
@media (max-width: 1150px) {
	.wrapper {padding:0 20px;}
	body {background-size:auto 100%;}
	
}


/* for 800 */
@media (max-width: 990px) {
	.menu {left:40px; bottom: 40px;}
	
}


/* for 786 */
@media (max-width: 768px) {
}


/* for 600 */
@media (max-width:767px) { 
	.menu {left:40px; bottom: 40px;}
	body {font-size:18px;}
	.left .menu ul li a {font-weight:700;}
	
}


/* for 480 */
@media (max-width: 599px) {
	.menu ul li {padding:0 0 10px;}
	.menu {left:30px; bottom: 100px;}
	body {background-size: auto 100%;}
	
}


/* for 360 */
@media screen and (max-width: 479px) {
	body {background-size:100% 100;}
	
}


/* for 320 */
@media screen and (max-width: 359px) {
	
}