/**************
******* CSS ***
***************/
@import url(https://fonts.googleapis.com/css?family=Carter+One);

html, body{
  background-color: #5a9de8;
  min-height: 100%;
  max-width: 100%;
}

body{
  position: relative;
}
/**
*  Utilities
*/
a{
  color: #FFF;
}
button.btn.btn-link{
  padding: 0;
}
p.h1-like{
  font-size: 3em;
}
/**
* navbar
*/
.navbar .navbar-nav{
  display: inline-block;
  float: none;
  vertical-align: top;
}
.navbar .navbar-collapse {
  text-align: center;
}

.body-container{
  padding: 0; margin: 0;
  width: 100%;
}

section.main{
  padding-top: 50px;
}

section.main article, section.main aside{
  background-color: #5a9de8;
  background-image: url(../images/cross-scratches.png);
  min-height: calc(100vh - 50px);
}

section.main article{
  display: flex;
  align-items: center;
}

section.main .text{
    padding: 50px;
}

section.main h1{
  margin-bottom: 20px;
  font-family: 'Carter One', cursive;
  font-size: 4em;
}
section.main aside{
  background-image: url('../images/about.jpg');
  background-size: cover;
}
.nomargin{
  margin: 0;
}

.nopadding{
  padding: 0;
}

/**
* SECTION SERVICES
*/
section.services{
  padding: 20px;
  background-color: #4575DB;
}
section.services article{
  padding: 10px;
}
section.services a{
  padding: 0px;
  display: block;
  position: relative;
  overflow: hidden;
}
section.services img{
  margin: 0px;
  padding: 0px;
  z-index: 4;
}
section.services .caption{
  cursor: pointer;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  -webkit-transition: all 0.45s ease-in-out;
  -moz-transition: all 0.45s ease-in-out;
  -o-transition: all 0.45s ease-in-out;
  -ms-transition: all 0.45s ease-in-out;
  transition: all 0.45s ease-in-out;
}
.blur{
  background-color: rgba(0, 0, 0, 0.65);
  height: 100%;
  width: 100%;
  z-index: 5;
  position: absolute;
}
section.services .caption-text{
  z-index: 10;
  color: #fff;
  position: absolute;
  height: 100%;
  width: 100%;
  text-align: center;
  top: 100px;
}
section.services a:hover .caption{
  opacity: 1;
}
figcaption h2{
  font-size: 1.7em;
}
/**
* SECTION CONTACT
*/
section.contact{
  box-sizing: border-box;
  padding: 30px 90px 30px 90px;
  background-color:	#5a9de8;
}

section.contact .left{
  padding: 20px 60px 20px 60px;
}

section.contact .right{
  border-left: 1px solid lightgrey;
  padding-left: 30px;
}

textarea{
  min-height: 130px;
}
section.contact button{
  float: right;
}

/**
*  Footer
*/

footer{
  background-color: black;
  border-top: 3px solid lightgrey;
  text-align: center;
  color: lightgrey;
  padding: 10px 0 10px 0;
}