/* ------------------------------------------------*/
/*Reusable code */
/* ------------------------------------------------*/
body{
    font-family: sans-serif, arial;
    font-size: 1.125em;
}
h1,h2,h3{
    margin-bottom: 20px;
}
h1{
    font-size: 320%;
}
h2{
    font-size: 270%
}
h3{
    font-size: 200%;
}
a{
    font-size: 90%;
}
.text-centre{
    text-align: center;
}
.card{
    padding: 2px;
    margin: 10px 0;
    min-height: 300px;
}
/* ------------------------------------------------*/
/*Header */
/* ------------------------------------------------*/
Header{
    margin:20px 0;
    padding: 10px 0;
}
.header-logo{
    width: 90%;
    height: auto;
}
.header-image{
    Width: 40%;
    height: auto;
}
/* ------------------------------------------------*/
/*nav */
/* ------------------------------------------------*/
.nav-item a{
    color: #1c3145 !important;
    text-transform: uppercase;
}
.navbar-light .navbar-nav .nav-link{
    font-size: 110%;
}

/* ------------------------------------------------*/
/*sections */
/* ------------------------------------------------*/
.about-keast, .keast-contact{
    background: #13212e;
    color: #fff;
    padding: 60px 5px;
}
.review-keast{
    padding: 60px 5px;
}
.keast-service2{
    padding: 60px 5px;
    background: #f4f4f4;
}
.keast-service2 i{
    color: #13212e;
}
.keast-services{
    background-image: url(img/server-1235959_1920.jpg);
    background-attachment: fixed;
    background-size: cover;
}
.keast-services li{
    list-style: none;
    margin-bottom: 5px;
}
.keast-services i{
    margin-right: 5px;
}
.colour-box{
    background: rgba(19, 33, 46, 0.63);
    color: #fff;
    float: right;
    min-height: 500px;
    padding: 50px 30px;
}
/* ------------------------------------------------*/
/*Footer */
/* ------------------------------------------------*/
footer{
    background:#1c3145;
    color: #fff;
}
.footer-text{
    padding: 10px 0;
    margin-top: 10px;
}

.speech-bubble {
	position: relative;
	background: #13212e;
    color: #fff;
	border-radius: .4em;
    padding: 1.2em;
    margin: 15px 0;
}

.speech-bubble:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 1.219em solid transparent;
	border-top-color: #13212e;
	border-bottom: 0;
	border-left: 0;
	margin-left: -0.609em;
	margin-bottom: -1.219em;
}


/* ------------------------------------------------*/
/*Queries */
/* ------------------------------------------------*/


/*Small tablet to big tablet: from 768px to 1023px */
@media only screen and (max-width: 1023px){
    
	.navbar-light .navbar-nav .nav-link{
    text-align: center;
}
    
}



/*Small phones to small tablets: from 481px to 767px */
@media only screen and (max-width: 767px){
 

   
}
    


/*Small phones: from 0 to 480px */
@media only screen and (max-width: 480px){

  
    
}