@import url("https://use.typekit.net/jvk7rub.css");

body {
  background-color: #fdfaf6;
  color: black;
  font-family: 'aktiv-grotesk-devanagari', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  padding-left: 5%;
  padding-right: 5%;
  padding-top: 2%;
}

/* NAV */
li, a {
  font-family: 'aktiv-grotesk-devanagari', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  color: black;
}

header{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 2%;
}

.nav{
  font-family: 'aktiv-grotesk-devanagari', sans-serif;
  font-style: normal;
  font-size: 16px;
  color: black;
}

.logo{
  cursor: pointer;
}

.nav_links{
  list-style: none;
}

.nav_links li {
  display: inline-block;
  padding: 0px 20px;
}

.nav_links li a {
  transition: all 0.3s ease 0s;
}

.nav_links li a:link {
  text-decoration:none;
  
}

.nav_links li a:hover {
  color: #317773;
}

/*link*/

/* unvisited link */
.visit:link {
  color: black;
  font-family: 'p22-mackinac-pro', serif;
  font-size: 50px;
  padding-left: 30px;
  font-weight: 	600;
  line-height: 30%;
  font-style: normal;
  padding-top: 20px;
  text-decoration:none;
}

/* visited link */
.visit:visited {
  color: black;
}

/* mouse over link */
.visit:hover {
  text-decoration:underline;
  color: #242526;
}

/* headers */
h1{
  color: black;
  font-family: 'p22-mackinac-pro', serif;
  font-size: 70px;
  font-weight: 	600;
  line-height: 30%;
  font-style: normal;
}

h3{
  color: black;
  font-family: 'p22-mackinac-pro', serif;
  font-size: 32px;
  padding-left: 30px;
  font-weight: 	400;
  line-height: 30%;
  font-style: normal;
  padding-top: 20px;
}

h2{
  color: black;
  font-family: 'p22-mackinac-pro', serif;
  font-size: 50px;
  padding-left: 30px;
  font-weight: 	600;
  line-height: 30%;
  font-style: normal;
  padding-top: 20px;
}


/* content style*/
.main {
  display: flex;
  
}
.section {
  width: 50%;
  height: 100%;
  padding-left: 1%;
  padding-right: 1%;
}

.left {
  margin-top: 10%;
}


.rounded_corners {
  border-radius: 50px;
  padding: 20px; 
}
 
.tab { margin-left: 40px; }

/* image grid */
.row {
  display: flex;
  flex-wrap: wrap;
  padding: 1px;
}

.column {
  flex: 33%;
  /*max-width: 33%;*/
  padding: 1px;
}


.column2 {
  flex: 50%;
  max-width: 50%;
  padding: 1px;
}

#cutting_line {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}

#cutting_line:hover {
  opacity: 0.7;
  }

footer {
  background: #f2ece0;
  padding: 0.5%;
  text-align: center;
  color: black;
}