/*


@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/SlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-6_RkCo95WamXgHlIbvw.woff') format('woff');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/SlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-6_RkBI95WamXgHlI.woff') format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
*/

/* HOMEPAGE */

  .banner img,
  .banner video{
    position: absolute;
    top: 0;left: 0;
    width:100%;
    height: 100vh;
    object-fit: cover;
  }

  .banner{
    position: absolute;
    top: 0;left: 0;
    width:100%;
    height: 100vh;
  }


.post {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 15vh;
  margin-bottom: 15vh;
}

  @media (max-width: 700px){
    
    .post{
      display: block;
      margin-bottom: 5vh;
    }


    .post .img{
      transform: scale(0.7);
      width: 100%;
      margin-right: 0!important;
      margin-bottom: 35px;
    }
    
    .post .links {
	    margin-top: 15px;
    }
    
    .post .grid:nth-child(1){
		display: flex;
		align-items: center;
		justify-content: center;
	    width: 100%;
    }

  }

  .post .img{
    width: 400px;
    height: 300px;
    background: #eee;
    margin-right: 70px;
  }

/* PRODUCTS */



.product {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 15vh;
  margin-bottom: 15vh;
}


  @media (max-width: 700px){
    
    .product{
      display: block;
      margin-bottom: 5vh;
    }


    .product .img{
      transform: scale(0.7);
      width: 100%;
      margin-right: 0!important;
      margin-bottom: 35px;
    }
    
    .product .links {
	    margin-top: 15px;
    }

}


@media (min-width: 700px){

	.description{
		max-width: 400px;
	}

}

h3{
	margin-top: 21px;
}


/*  NEWS  */

.links{
	/*   margin-top: 1.25vw; */
/* 	margin-top: 21px!important; */
}

  .links a{
    position: relative;
    float: right;
    margin-right: 20px;
  }




/* PRACTICE */

.column{
  max-width: 700px;
  margin: 0 auto;
  display: block;
  float:none;
}

.half .grayscale{
	margin-bottom: 2.5vw;
}

.member{
  margin-bottom: 2.5vw;
}

.member img{
  padding: 5px;
  padding-right: 20px;
}

@media (max-width: 700px){

	.member{
		margin-bottom: 50px;
	}

	.member .grid{
		width: auto!important
	}
	
	.member img{
		max-width: 150px;
		padding-bottom: 20px;
	}
	
	.column h2{
		text-align: center;
		margin-top:30px;
		margin-bottom: 20px
	}

}


/* CONTACT */

.map{
  position: relative;
  float:left;
  width: 300px;
  height: 200px;
  margin-bottom: 10px;
}


.maps{
  display:flex;justify-content: center;
}

@media (max-width: 700px){

  .maps{
    display: block;
  }

  .maps .grid{
    width: 100%;
    padding: 0!important;
    margin-bottom: 35px;
  }

  .map{
    width: 100%;
    height: 300px;
  }

  .map h5{
  }

}


/* Login */

#login{
	min-width: 350px;
	padding: 30px;
}

#login input{
	width: 100%;
}


#login input[type="email"],
#login input[type="password"]{
	border-bottom: 1px solid black;
	margin-top: 20px;
}