@charset "utf-8";

/* CSS Document */

@media only screen and (max-width: 992px){

#home .container span {

    font-size: 14px!important;

}	

#services, #job, #employers, #contact{

	height:auto!important;

}

#services, #job, #employers, #contact{

	padding: 0 15px;

}

#about {

    background-image:none!important;

	height:auto!important;

	padding: 0 25px;

}

.header{

	margin-bottom:20px!important;

}

.header h1{

	font-size:24px!important;

	font-weight:600!important;

}

}



.header{

	text-align:center;

	margin-bottom:50px;

}

.header h1{

	font-weight:300;

}

#services .display-table, #job .display-table, #employers .display-table, #contact .display-table {

    height: calc(100vh - 61px)!important;

}

#home, #services, #job, #employers, #contact{

	height:100vh;

	background-color:#fff;

	padding-top:61px;

}

#home h1{

	-webkit-text-stroke: 1px #fff;

    -webkit-text-fill-color: rgba(255,255,255,0);

	font-weight:900;

	font-size:30px;

	margin-bottom:20px;

}

#home .container span {

	font-size: 16px;

    font-weight: 400;

    text-transform: uppercase!important;

    border: 1px dashed;

    padding: 10px 15px;

    border-radius: 100px;

}

.arrow {

	text-align:center;

	margin:1% 0 0

}

.bounce {

	-moz-animation:bounce 2s infinite;

	-webkit-animation:bounce 2s infinite;

	animation:bounce 2s infinite

}

.bounce a {

	-webkit-text-stroke: 1px #fff;

    -webkit-text-fill-color: rgba(255,255,255,0);

}

@keyframes bounce {

0%, 100%, 20%, 50%, 80% {

transform:translateY(0)

}

40% {

transform:translateY(-30px)

}

60% {

transform:translateY(-15px)

}

}



#about{

	height:100vh;

	background-color:#fff;

	padding-top:61px;

	background-image:url(../bs-images/about-left.jpg);

	background-position: top!important;

    background-size: contain!important;

}

#about .info-bar {

    background-color: rgba(255,255,255,1);

}

.testimonial-content{

	padding: 0 25px!important;

    text-align: justify;

    font-size: 14px;

}

#services .testimonial i, #contact .testimonial i{

font-size: 40px;

    margin-left: auto;

    margin-right: auto;

    display: table;

	margin-bottom: 20px;

}

#job .container .row p span, #employers .container .row p span {   

	display: inline-block;

    border: 1px dashed;

    padding: 2px 10px;

    border-radius: 100px;

    margin: 5px;

}

.email{

	display: table;

    border: 1px dashed;

    padding: 2px 10px;

    border-radius: 15px 15px 0 0;

    margin-left: auto;

    margin-right: auto;

}