/*--- Body section ---*/

#bigcontainer{
  color: #232323;
  font-size: 14px;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  background-color: #f5f5f5;
  padding: 60px 30px;
  padding-left: 10vw;
  padding-right: 10vw;
  margin: 0px;
  width: 100vw;
}

#bigcontainer .container-fluid{
  background-color:#ffffff;
  border:1px solid #e2e2e2;
  padding: 50px 60px 20px 60px;
  background-position:left top;
  background-repeat:no-repeat;
  -webkit-background-size:cover;
  -moz-background-size:cover;
  -o-background-size:cover;
  background-size:cover;
  color: #232323;
  font-size: 14px;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  margin-top: 20px;
  border-top: 5px solid #fdc117;
  padding-left: 10vw;
  padding-right: 10vw;
}

.container-fluid h2{
  color: #3B4251;
  font-size: 28px;
  font-family: "Raleway", Arial, Helvetica, sans-serif;
  margin: 0 0 30.8px;
  text-align: center;
}

#bigcontainer .container-fluid .row{
  text-align: center;
  vertical-align: middle;
  padding: 0px;
}

#bigcontainer .container-fluid .row h2{
  vertical-align: middle;
  margin-bottom:15px;
  color: #3b4251;
  font-size: 18px;
  font-family: "Raleway", Arial, Helvetica, sans-serif;
}

#bigcontainer .container-fluid .row p{
  color: #747474;
  font-size: 14px;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  text-align: center;
}

#bigcontainer .container-fluid .row a{
  background-color: #fdc117;
    color: black;
}

@media (max-width: 500px){
  #bigcontainer .container-fluid .row p{
    width: 60vw;
    color: #747474;
    font-size: 14px;
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    text-align: center;
  }
}

#columns{
  margin-top: 3px;
}

#columns:hover > #titles{
  color: #fdc117;
}

#columns:hover > div > #titleIcons{
  -webkit-animation-name: sliding; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 0.5s; /* Safari 4.0 - 8.0 */
  animation-name: sliding;
  animation-duration: 0.5s;
}

 @keyframes sliding {
  from {
    margin-left:0%;
  }

  85%{
    margin-left: -30%;
  }
  
  50%{
    color: #f2f2f2;
  }

  25%{
    margin-left: 20%;
  }

  to{
    margin-left:0%;
  }
}