/*specific CSS*/

body{
  overflow-y:scroll;
  overflow-x:hidden;
}

.header{
  padding:30px 20px;
  font-size:16pt;
  letter-spacing:0.1em;
  font-variant:small-caps;
}

.pagetitle{
  text-align:center;
  font-size:12pt;
  letter-spacing:0.1em;
  font-variant:small-caps;
}

.homecycle{
  margin-left:auto;
  margin-right:auto;
  width:88vw;
  height:66vw;
  max-width:720px;
  max-height:480px;
  background-repeat:no-repeat;
  background-position:center center;
  background-size:contain;
}

.aboutimage{
  vertical-align:top;
  padding:20px;
  float:left;
  width:40vw;
  height:40vw;
  background-repeat:no-repeat;
  background-position:top center;
  background-size:contain;
}

.abouttext{
  width:40vw;
  padding-left:20px;
  float:left;
}

.project{
  position:relative;
  margin:30px 20px;
  float:left;
  width:26vw;
  height:29vw;
  text-align:center;
  color:#333;
  text-decoration:none !important;
  border:0;
  cursor:pointer;
}

.project:hover{
  color:#888;
}

.projectimage{
  width:22vw;
  height:22vw;
  background-repeat:no-repeat;
  background-size:cover;
  margin-left:auto;
  margin-right:auto;
}

.projecttext{
  position:relative;
  margin-top:10px;
  width:22vw;
  margin-left:auto;
  margin-right:auto;
}

.projectimagecontainer{
  display:table;
  width:60% !important;
  padding-left:40px;
  float:left;
}

.projectimagesmall{
  width:220px;
  height:220px;
  background-repeat:no-repeat;
  background-size:cover;
  float:left;
  margin:15px 15px 15px 15px;

}

.projecttextsmall{
 /* padding-left:20px;*/
  padding-bottom:20px;
  width:auto;
  max-width:30%;
  float:left;
}

.newsimage{
  padding:20px 20px;
  float:left;
  width:30vw;
  height:30vw;
  background-repeat:no-repeat;
  background-position:top center;
  background-size:contain;
}

.newstext{
  width:50vw;
  padding:0px 40px 0px 0px;
  float:left;
}

.separate{
  border-bottom:1px solid #bbb;
}

#copyright{
  font-size:10pt;
  padding:30px 0px;
}


@media (max-width: 768px) {


.aboutimage,.newsimage{
  width:400px;
  height:400px;
  float:none;

}

.abouttext,.newstext{
  float:none;
  width:400px;
  padding:20px;
}

.project{
  width:400px;
  height:475px;
  float:none;
  color:#333;
  text-decoration:none !important;
}

.projectimage{
  width:400px;
  height:400px;
  float:none;

}

.projectimagesmall{
  width:300px;
  height:300px;

}

}



@media (max-width: 414px) {

.header{
  font-size:12pt;
}

.aboutimage,.newsimage{
  width:290px;
  height:290px;
  float:none;

}

.abouttext,.newstext{
  float:none;
  width:300px;
  padding:20px;
}

.project{
  width:290px;
  height:350px;
  float:none;
  color:#333;
  text-decoration:none !important;
}

.projectimage{
  width:80vw;
  height:80vw;
  float:none;
  margin-left:auto;
  margin-right:auto;
}

.projecttext{
  width:290px;
}

.projectimagecontainer{
  width:80vw;
  padding-left:10px;
}

.projecttextsmall{
  width:80vw !important;
  padding-left:20px;
  max-width:80vw !important;

}

.projectimagesmall{
  width:80vw;
  height:80vw;
  padding-left:-10px;
  /*float:left;*/
  margin-left:-10px;
}



}