"

From 2014.igem.org

@font-face {

   font-family: "My Custom Font";
   src: url(http://www.google.com/fonts/#UsePlace:use/Collection:PT+Sans) format("truetype");

}

@media screen and (max-width: 900px) {

   h1 {
       font-size:20px;
   }
   h2 {
       font-size:16px;
   }

}

body {

   margin:0px;
   padding:0px;
   font-family:Arial;

}

span.helper {

   display: inline-block;
   height: 100%;
   vertical-align: middle;

}

1. container {

   position:fixed;
   width:100%;
   margin-top:50px;
   height:100vh;
   height: -webkit-calc(100vh - 30px);
   height: -moz-calc(100vh - 30px);
   height: calc(100vh - 30px);
   background-color:#222;
   min-width:700px;

}

1. container >div:hover {

   opacity:0.9;

}

1. col1, #col2, #col3, #col4{

   width:30%;
   margin-left:2.5%;
   
   float:left;
   background-color:#555;
   position:relative;
   text-align: left;
   vertical-align:central;

   height:100%;
   height: -webkit-calc(100% - 60px);
   height: -moz-calc(100% - 60px);
   height: calc(100% - 60px);

   margin-top:10px;

   background-position: center;

background-size:cover; background-origin: border-box;

   color:white;

}

1. col4 {

   margin-right:2.5%;

}

h1 {

   margin-left:30px;
   margin-right:10px;
   margin-top:40vh;

}

h2 {

   margin-left:30px;
   margin-right:10px;

}