@charset 'UTF-8';
@import url("https://fonts.googleapis.com/css?family=Lato:400,700|Montserrat:900");


/*
GENERAL STYLING
================================================ */
html {
    height: 100%;
  font-size: 100%;
  transition: .5s;
}
/*
COMMON
================================================ */
p {
  line-height: 1.7;
}
img {
    max-width: 100%;
}
body {
  background: #fbfbfb;
}

/*
HEADER
=================================================================*/
.page-header {
  display: column;
  justify-content: center;
  text-align: center;
  max-width: 100%;
  width: 80vw;
  margin: 0 auto;
}
.page-header h1 {
  font-size: 1.4rem;
  margin-top: 34px;
}

/*
FOOTER
==================================================================*/
footer {
  text-align: center;
  padding-bottom: 1rem;
}

/*
ABOUT MAIN
==================================================================*/

.about h1 {
  text-align: center;
  font-size: 3.0rem;
  padding-top: 2em;
  padding-bottom: 10px;
}
.about .icon {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  width: 100%;
  padding-bottom: 20px;
}
.about .name {
  display: flex;
  text-align: center;
  justify-content: center;
  margin: 0 auto;
  width: 100%;
  padding-bottom: 30px;
}
.about .camera {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  width: 100%;
  padding-bottom: 30px;
}
.about .like-horse {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  width: 100%;
  padding-bottom: 30px;
}
.about .like-team {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  width: 100%;
  padding-bottom: 30px;
}

h2 {
  text-align: center;
  font-size: 1.3rem;
  padding-bottom: 10px;
}
ul li{
  padding: 5px;
}

.about .camera ul li::before{
  font-family :"Font Awesome 5 Free";
  font-weight: 900;
  content: "\f030";
  color: var(--text);
}
.about .like-horse ul li::before{
  font-family :"Font Awesome 5 Free";
  font-weight: 900;
  content: "\f7ab";
  color: var(--text);
}
.about .like-team ul li::before{
  font-family :"Font Awesome 5 Free";
  font-weight: 900;
  content: "\f433";
  color: var(--text);
}
.TOP{
  display: flex;
  justify-content: center;
  margin-bottom: 2rem;
}
.TOP a {
  background-color: #fbfbfb;
  font-size: 1.5rem;
  width: 200px;
  display: block;
  text-align: center;
  line-height: 3rem;
  margin-top: 20px;
  border-radius: 50px;
  border: 3px solid black;
}
.TOP a:hover {
  text-decoration: none;
  background-color: black;
  color: #fbfbfb;
  transition-duration: 2s;
  transition-delay: 0s;
}



/*
LIGHTBOX LUMINOUS
================================================ */
.lum-lightbox.lum-open {
    z-index: 4;
  }
  .lum-lightbox-inner img {
    max-width: 95vw;
    max-height: 80vh;
  }
  

  
  /*
  DESKTOP SIZE
  ================================================ */
  @media (min-width: 600px) {
    main .container {
      display: block;
      flex-wrap: wrap;
      justify-content: center;
      text-align: center;
      margin-top: 1.5em;
    }
    
        main .mov {
        display: block;
        justify-content: center;
        
        text-align: center;
        width:50vh;
        }   
      }