*{
	font-family:'Abhaya Libre';
}


.main{


	background:url('../images/bg.jpg') no-repeat;
	background:linear-gradient(45deg, skyblue, transparent);
	background-size: cover;
	height:120vh;
}

.navitem{
	font:bolder;
}

.register{
    background: -webkit-linear-gradient(left, #3931af, #00c6ff);
    margin-top: 3%;
    padding: 3%;
}
.register-left{
    text-align: center;
    color: #fff;
    margin-top: 4%;
}
.jumbotron {

	height:auto;
	width: 80%;
	position:absolute;
	top:50%;
	left:50%;
	transform : translate(-50%,-50%);
	text-align:center;
	box-sizing: border-box;
	box-shadow:  0 8px 12px -6px black;
	/* background-color: #fff;
    border:5px solid #00C1DF; */
    /* border-radius: 0px 40px 0px 40px;
    border-style:ridge; */
	padding:6px;
	margin-top:3%;
	/* background:transparent; */
	/* background-color:transparent !important; */
    

}

.jumbo{
	background-color: white;

	padding: 5%;
}

.buttongroup{
	
	text-align:center;
}

/* 
 .mainpage{

    width: 100% auto;
   
    background: transparent;
    } */

.row img{
	margin-top: 10%;
	width: 100%;
	height: 90%;
	/* box-shadow: 0 2px 5px -2px black; */
	border: none;
}

#reflect {
    -webkit-box-reflect: right 10px -webkit-gradient(linear, left top, right top, from(transparent), color-stop(40%, transparent), to(rgba(255, 255, 255,0.1)));
}
.buttongroup button{

  
    color:#fff;
	background-color: #0d75e4;
	margin-right:20px;
	margin-bottom:10px;
	width: 70%;
	/* border: 1px solid black; */
	border-radius:10px;
	padding:10px;
	text-align:center;
	/* text-shadow: 0 0 5px #00C1DF; */
	font-size:1.2em;

}


  .buttongroup button a{

	
	text-decoration: none;
	color:white;
	font-size:1.2em;
	
}



.maintitle{

	padding-bottom: 3%;
	font-size:2.5em;
	letter-spacing: 1.4px;
	color:#0f7bf7;
	font-weight:1000;
	margin: 2% 0%;
	justify-content: center;
	text-align: center;
    overflow:hidden;
    
	
}


.buttongroup button:hover{
    background-color:#0062cf ;
	transition:.3s ease-in;
	color:white;
}

@media (min-width :1300px){
	.jumbotron{
		margin-top: 80px;
		width:70%;
	}

	.maintitle{

		padding: 20px;
		font-size:2.5em;
		letter-spacing: 1.4px;
		
		font-weight:1000;
		margin: 2% 0%;
		
		justify-content: center;
		text-align: center;
		overflow:hidden;
		
		
	}
	.buttongroup button{

  
		
		margin:3%;
		margin-bottom:10px;
		width: 70%;
		/* border: 1px solid black; */
		border-radius:10px;
		padding:10px;
		text-align:center;
		/* text-shadow: 0 0 5px #00C1DF; */
		font-size:1.2em;
	
	}

}

@media (max-width :1000px){

.maintitle{

	font-size:2em;
}
.row img{
	margin-top: 10%;
	width: 100%;
	height: auto;
	border-radius: 16%;
	
}

.jumbotron{

	width:80%;
	margin-top:80px;
}

}

@media (max-width :767px){

.maintitle{

	font-size:1.5em;
}
.row img{
	margin-top: 5%;
	margin-bottom: 3%;
	width: 50%;
	height: auto;
	border-radius: 16%;
	
}

.jumbotron{

	width:80%;
	margin-left: 1% ;
	margin-right: 50%;
	margin-top:80px;
	
}
.jumbo{
	margin: 0% 10%;
}

}
@media(max-width:700px){
	.jumbotron{

		width:80%;
		margin-right:5% ;
		margin-left: 0%;
		padding-left: 0%;
		margin-top:80px;
	
	}

}

@media (max-width :600px){
	

.maintitle{

	font-size:1.2em;
}


.jumbotron{

	width:70%;
	margin: 5% ;
	margin-left: 0%;
	padding-left: 0%;
	margin-top:8%;

}

.jumbo{
	margin:10%;
	margin-top:2px;
}
.btn{
	width: 80%;
	margin-left: 2%;
}
.buttongroup button a{



	font-size:80%;
	
}

.row img{
	margin-bottom:2px;
	padding-bottom: 2px;
	
}

}

@media (max-width :450px){
	.buttongroup button {
		font-size:1em;
	}
	.btn.amba{
		font-size: 40px;
	}
	
	.main{
	    height:100vh;
	}
	
	.mainpage{
		margin-right: 5%;
	}
	.jumbotron{

		width:80%;
		margin-right:5% ;
		margin-left: 0%;
		padding-left: 0%;
		margin-top:13% !important;
	
	}
	
}