body,html{
width:100%;
height:100%;
}

.navbar-brand{
display:flex;
align-items:center;
}

.navbar-brand > img{
margin-right:5px;
}

.card-title{
font-weight:bold;
}

.card-line{
border-bottom:1px solid #ddd;
margin-top:0;
margin-bottom:5px;
}

.card-tbl{
display:table;
margin-left:auto;
margin-right:auto;
border-collapse:separate;
border-spacing:20px;
max-width:1000px;
}

.card-row{
display:table-row;
}

.card-cell{
text-align:left;
display:table-cell;
width:33%;
padding:10px;
border-radius:5px;
border:1px solid #ddd;
box-shadow:0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.intro-section{
min-height:100%;
padding-top:100px;
text-align:center;
display:flex;
align-items:center;
color:#fff;
background:#2a313d;
background:url(background.jpg) no-repeat center center fixed;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
}

.intro-section h1{
text-shadow:1px 1px #000000;
color:#FFFFFF;
font-size:2em;
margin-bottom:10px;
}

.intro-section h2{
text-shadow:1px 1px #000000;
color:#8BFFFF;
font-size:1.5em;
margin-top:0px;
}

.intro-section ul{
margin-top:20px;
margin-bottom:20px;
line-height:2em;
text-align:left;
font-size:18px;
color:#FFF;
text-shadow:1px 1px #000;
}

.intro-section p{
text-align:center;
}

.main-img{
vertical-align:top;
}

.consulting-section{
min-height:100%;
padding-top:50px;
text-align:center;
display:flex;
align-items:center;
background:#e0e3e3;
background:radial-gradient(circle,#ffffff 0%,#e0e3e3 100%);
}

.consulting-section h1{
margin-top:0;
color:#999;
}

.consulting-section .card-cell{
background-color:#ffffff;
}

.development-section{
min-height:100%;
padding-top:50px;
text-align:center;
display:flex;
align-items:center;
background:#fff;
}

.development-section h1{
margin-top:0;
color:#999;
}

.development-section .card-cell{
background-color:#f1f1f1;
}

.contact-section{
min-height:100%;
padding-top:50px;
text-align:center;
display:flex;
align-items:center;
background:#e0e3e3;
}

.contact-section h1{
margin-top:0;
color:#999;
}

.contact-section .container{
width:100%;
}

.contact-section iframe{
height:400px;
width:100%;
max-width:600px;
}

@media(min-width:438px){
.navbar{
padding:20px 0;
-webkit-transition:background .5s ease-in-out,padding .5s ease-in-out;
-moz-transition:background .5s ease-in-out,padding .5s ease-in-out;
transition:background .5s ease-in-out,padding .5s ease-in-out;
}
.top-nav-collapse{
padding:0;
}
}

@media(max-width:438px){
.intro-section{
padding-top:80px;
}
.nav > li > a{
padding-left:15px;
padding-right:15px;
}
}

@media(max-width:500px){
.intro-section h1{
font-size:1.5em;
}
.intro-section h2{
font-size:1.2em;
}
}

@media(max-width:500px){
.nav > li > a{
padding-left:5px;
padding-right:5px;
text-align:center;
}
}

@media(max-width:500px){
.card-row,.card-cell{
display:block;
margin-bottom:20px;
width:100%;
}
}