body {
  /*background-image: -moz-linear-gradient( 90deg, rgb(255,204,204) 0%, rgb(255,255,255) 100%);*/
  background-image: -webkit-linear-gradient( 90deg, rgb(255,204,204) 0%, rgb(255,255,255) 100%);
  background-image: url('images/background_pattern.png');
  /*background-image: -ms-linear-gradient( 90deg, rgb(255,204,204) 0%, rgb(255,255,255) 100%);*/
  /*opacity: 0.278;*/
  height: 1500px;
}

/*.white_inset {
  background-color: rgb(255, 255, 255);
  margin-left: 50px;
  padding-top: 50px;
  width: 1200px;
  height: 1400px;

}*/

a{
    color: black;
    text-decoration: none;
}

a:hover {
    color: rgb(0, 0, 255);
    text-decoration: none;
}

a:visited {
  color: black;
  text-decoration: none;
}

.diy-gyn {
	opacity: 1;
  font-size: 80px;
  font-family: "Adobe Garamond Pro";
  color: rgb(0, 0, 0);
  font-style: italic;
  line-height: 1.2;
  text-align: center;
  text-shadow: 0px 11px 6.08px rgba(0, 0, 0, 0.25);
  position: relative;
  left: 50px;
  top: 10px;
  display: inline-block;
}

.search_rectangle {
  border-width: 2px;
  border-color: rgb(0, 0, 0);
  border-style: solid;
  background-color: rgb(255, 255, 255);
  position: relative;
  display: inline-block;
    left: 200px;
    width: 300px;
    height: 30px;
    top: 60px;
}

.search___ {
  font-size: 24px;
  font-family: "Adobe Garamond Pro";
  color: rgb(0, 0, 0);
  font-style: italic;
  line-height: 1;
  text-align: left;
  position: relative;
  padding-left: 5px;
  background-color: white;
}

.nav-back {
  background-image: -moz-linear-gradient( 90deg, rgb(255,204,204) 0%, rgb(255,255,255) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(255,204,204) 0%, rgb(255,255,255) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(255,204,204) 0%, rgb(255,255,255) 100%);
  box-shadow: 0px 11px 6.08px 1.92px rgba(0, 0, 0, 0.35);
  width: 1200px;
  margin-top: 50px;
  margin-left: 10px;
  margin-right: 10px;
}

.nav-text {
  font-size: 30px;
  font-family: "Adobe Garamond Pro";
  color: rgb(0, 0, 0);
  font-style: italic;
  line-height: 1.2;
  text-align: center;
  padding: 10px;
  padding-left: 80px;
}

.rectangle-blue{
  background-color: rgb(0, 0, 255);
  width: 1050px;
  margin: 30px;
  margin-left: 100px;
  padding: 30px;
}

.rectangle-grey {
  border-width: 10px;
  border-color: rgb(0, 0, 0);
  border-style: solid;
  background-color: rgb(215, 215, 215);
  padding: 30px;
}

.welcome-text {
  font-size: 20px;
  font-family: "Gurmukhi MN";
  color: rgb(0, 0, 0);
  line-height: 1.2;
  text-align: center;
  /*position: relative;*/
  -moz-transform: matrix( 0.94581429366785,0,0,1,0,0);
  -webkit-transform: matrix( 0.94581429366785,0,0,1,0,0);
  -ms-transform: matrix( 0.94581429366785,0,0,1,0,0);
}

.line-one{
  text-align: center;
  font-size: 25px;
}

.tutorial-container {
  background-image: -moz-linear-gradient( 90deg, rgb(255,204,204) 0%, rgb(255,255,255) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(255,204,204) 0%, rgb(255,255,255) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(255,204,204) 0%, rgb(255,255,255) 100%);
  box-shadow: 0px 11px 6.08px 1.92px rgba(0, 0, 0, 0.35);
  position: relative;
  width: 1050px;
  height: 400px;
  margin-top: 50px;
  margin-left: 100px;
}

.tutorial-head{
  font-size: 30px;
  font-family: "Adobe Garamond Pro";
  color: rgb(0, 0, 0);
  font-style: italic;
  line-height: 1.2;
  text-align: left;
  padding-left: 10px;
}
.tutorial-row {
  padding: 45px 0 45px 85px;

}

.tutorial-background {
  border-width: 10.84px;
  border-color: rgb(0, 0, 0);
  border-style: solid;
  background-color: black;
  padding:0;
  width: 27%;
  margin-right: 5%;
}

.tutorial-link img {
  opacity: 0.6;
  max-width: 100%;
}
.tutorial-link:hover img{
  opacity: 1;
}

.tutorial-title {
  font-size: 35px;
  font-family: "Gurmukhi MN";
  color: rgb(255, 255, 255);
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  /*
  padding-top: 40px;
  padding-right: 20px;
  z-index: 20;
  position: absolute;*/

  position: absolute;
  left: 0;
  top: 25%;
  width: 100%;
  color: #ffffff;
  margin: 0 auto;
}



/*.image{
  /*position: relative;*/
 /* width:100%;
  opacity: 0.6;
  padding-right: 10px;
}*/

.overlay {
  /*background-color: black;*/
  /*opacity: 0.9;*/
/*  position: absolute;
  left: 303px;
  top: 930px;
  width: 382px;
  height: 346px;
  z-index: 28;*/
}

/*.text-overlay {
  position: absolute;
}*/




.latest-white{
  font-size: 30px;
  font-family: "Adobe Garamond Pro";
  color: white;
  font-style: italic;
  line-height: 1.2;
  text-align: left;
  padding-left: 10px;
}


/*.latest_blog_post______ {
  font-size: 60px;
  font-family: "Adobe Garamond Pro";
  color: rgb(255, 255, 255);
  font-style: italic;
  line-height: 1.2;
  text-align: center;
  position: absolute;
  left: 1026.938px;
  top: 1648.138px;
  z-index: 69;
}
*/

.outer-blue1 {
  background-color: rgb(0, 0, 255);
  box-shadow: 0px 11px 6.08px 1.92px rgba(0, 0, 0, 0.35);
  width: 450px;
  height: 500px;
  margin-top: 50px;
  margin-left: 100px;
  margin-right: 100px;
}

.outer-blue2{
  background-color: rgb(0, 0, 255);
  box-shadow: 0px 11px 7px 2px rgba(0, 0, 0, 0.35);
  width: 450px;
  height: 500px;
  margin-top: 50px;
  margin-left: 70px;
}


.inner-grey {
  border-width: 10px;
  border-color: rgb(0, 0, 0);
  border-style: solid;
  background-color: rgb(255, 255, 255);
  /*background-color: rgb(215, 215, 215);*/
  position: relative;

    width: 425px;
    height: 400px;
    padding-top: 20px;
    margin-top: 10px;
    margin-left: 10px;
}



.welcome-text {
  font-size: 20px;
  font-family: "Gurmukhi MN";
  color: rgb(0, 0, 0);
  line-height: 1.2;
  text-align: left;
  /*position: relative;*/
  -moz-transform: matrix( 0.94581429366785,0,0,1,0,0);
  -webkit-transform: matrix( 0.94581429366785,0,0,1,0,0);
  -ms-transform: matrix( 0.94581429366785,0,0,1,0,0);
}


.footer{
  background-color: rgb(255, 204, 204);
  box-shadow: 0px 11px 6.08px 1.92px rgba(0, 0, 0, 0.35);
  position: relative;
  height: 50px;
  width: 1250px;
  margin-top: 50px;
  margin-left:10px;
}

/*message board*/

.message-container {
  background-image: -moz-linear-gradient( 90deg, rgb(255,204,204) 0%, rgb(255,255,255) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgb(255,204,204) 0%, rgb(255,255,255) 100%);
  background-image: -ms-linear-gradient( 90deg, rgb(255,204,204) 0%, rgb(255,255,255) 100%);
  box-shadow: 0px 11px 6.08px 1.92px rgba(0, 0, 0, 0.35);
/*  left: 180px;
  top: 829px;*/
  position: relative;
  width: 1050px;
/*  height: 400px;*/

  margin-top: 50px;
  margin-left: 100px;
}

.message-head{
  font-size: 30px;
  font-family: "Adobe Garamond Pro";
  color: rgb(0, 0, 0);
  font-style: italic;
  line-height: 1.2;
  text-align: left;
  padding-left: 10px;
}

.message-row{
  padding: 45px;

}

.rectangle-white {
  border-width: 10px;
  border-color: rgb(0, 0, 0);
  border-style: solid;
  background-color: rgb(255, 255, 255);
  position: relative;
  padding: 0;
}

.post-title{
  font-size: 20px;
  font-family: arial;
  font-weight: bold;
  color: rgb(0, 0, 0);
  line-height: 1.2;
  text-align: left;
  margin: 30px 30px 15px 30px;
}

.post-info{
  font-size: 15px;
  font-family: "Gurmukhi MN";
  color: rgb(0, 0, 0);
  line-height: 1.2;
  text-align: left;
  margin: 15px 30px 30px 30px;
}

.post-icon{

}

.pagination{
  font-size: 20px;
  text-align: center;
  color: rgb(0, 0, 0);
  margin: 0 30px 30px 30px;
}