/* CSS Document */
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,600);
<meta name="viewport" content="width=device-width,initial-scale=1.0">
html, body {
  font-family:sans-serif;
  scroll-behavior: smooth;
}


@media only screen and (max-width: 1680px) 
{
.list{
font-size:16px;
text-align:justify;
padding-left:280px;
padding-right:40px;
}

.aboutpara{
font-family:sans-serif;
font-size:16px;
text-align:justify;
padding-left:280px;
padding-right:40px;
margin-top:50px;
}

.leftarrow{
  font-family:sans-serif;
margin-left:60px;
margin-top:15px;
margin-bottom:15px;
}
.career{
border:3px solid #007bff;
border-radius:10px;
margin-left:40px;
margin-top: 68px;


}

	
}

.container-fluid {
  display: flex;
  align-content: center;
  align-items: center;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: space-around;
  position: relative;
  padding:0 !important;
}
.container-fluid section {
  width: 100%;
  height: 100vh;
  flex: 1;
  display: flex;
  text-align: center;
  position: relative;
  overflow: hidden;
  background-color: #000;
}
.container-fluid section:nth-child(1) .image {
  background-image: url("image/Black.jpg");
}
.container-fluid section:nth-child(2) .image {
  background-image: url(https://images.unsplash.com/photo-1462819067004-905a72ea3996?iq=100&fm=jpg&w=1000);
}
.container-fluid section:nth-child(3) .image {
  background-image: url(https://images.unsplash.com/photo-1461770354136-8f58567b617a?iq=100&fm=jpg&w=1000);
}

.btn
{
	font-size:12px;
}

.container-fluid section .image {
  background-attachment: fixed;
  background-size: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 500;
  opacity: 0.7;
}
.container-fluid section .stuff  {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  height: 100%;
  width: 100%;  justify-content: center;
  text-align: center;
  z-index: 1000;
  color: #FFFFFF!important;
  margin: 0 auto;
  font-size: 18px;
  position: relative;
  opacity:1;
}
.container-fluid section .stuff h2 {
  margin: 0px;
}

/*page*/

.imagearrow{
margin-top:5em;
}
.imageback{
margin-top:5em;
}
.aboutrow{
margin-top:3em;
}

.career:hover{
  opacity:0.7;
}
.careertext{
color:#FFFFFF; 
}

/*icon*/
	
	a.link.facebook {
				background: #0077B5;
				display: inline-block;
				height: 30px;
				width: 30px;
				border-radius: 50%;
				color: #fff;
				font-size: 18px;
				
			
				 transform: translateY(-50%);
			}
			a.link.twitter {
				background-color: #00ACEE;
				display: inline-block;
				height: 30px;
				width: 30px;
				border-radius: 50%;
				color: #fff;
				font-size: 18px;
			
				 transform: translateY(-50%);
			}
			a.link.google-plus{
				background-color: #00aff0;
				display: inline-block;
				height: 30px;
				width: 30px;
				border-radius: 50%;
				color: #fff;
				font-size: 18px;
			
				 transform: translateY(-50%);
			}
			a.link.whatsapp{
				background-color: #25D366;
				display: inline-block;
				height: 30px;
				width: 30px;
				border-radius: 50%;
				color: #fff;
				font-size: 18px;
			
				 transform: translateY(-50%);
			}
			span{
				padding-top:06px;
			}
			span:hover{
				transition: 0.9s;
				transform: rotateY(180deg);
			}


/*nav*/
.navbar-brand{
padding-left:10px;
}
.nav-link{
margin-left:2em;
}

.navbar
{
	padding: 10px 10px;
	height: 8%;
}

.navbar-collapse
{
	font-size: 12px;
	
}
@media screen and (max-width: 375px) and (min-width: 320px) {
#section2{
height:100%;
}
.career{
height:250px;
width:250px;
margin-top:6em;
margin-left:0.4em;
}
.aboutpara{
font-family:sans-serif;
font-size:16px;
text-align:justify;
padding-left:40px;
padding-right:40px;
margin-top:50px;
}
.list{
font-size:16px;
text-align:justify;
padding-left:80px;
padding-right:40px;
}
.navbar
{
	padding: 10px 10px;
	height: auto;
}

}


@media screen and (max-width: 768px) and (min-width: 412px) {
#section2{
height:100%;
}
.career{
height:250px;
width:250px;
margin-top:6em;
margin-left:0.4em;
}
.aboutpara{
font-family:sans-serif;
font-size:16px;
text-align:justify;
padding-left:40px;
padding-right:40px;
margin-top:50px;
}
.list{
font-size:16px;
text-align:justify;
padding-left:80px;
padding-right:40px;
}
.navbar
{
	padding: 10px 10px;
	height: auto;
}

}

@media screen and (orientation:landscape)
and (min-device-width: 412px) 
and (max-device-width: 768px) 
{
   /* Your CSS Here*/
   .career {
    height: 250px;
    width: 250px;
    margin-top: 6em;
    margin-left: 0.4em;
}
   .aboutpara {
    font-family: sans-serif;
    font-size: 16px;
    text-align: justify;
    padding-left: 135px;
    padding-right: 40px;
    margin-top: 50px;
   
}

.list {
    font-size: 16px;
    text-align: justify;
    padding-left: 150px;
    padding-right: 40px;
}