@font-face {
	
    src:    url('https://www.theinstituteoffilms.org/fonts/stentiga.eot') format('embedded-opentype'),
            url('https://www.theinstituteoffilms.org/fonts/stentiga.woff') format('woff'), 
            url('https://www.theinstituteoffilms.org/fonts/stentiga.ttf')  format('truetype'),
            url('https://www.theinstituteoffilms.org/fonts/stentiga.woff2') format('woff2'),
            url('https://www.theinstituteoffilms.org/fonts/stentiga.svg') format('svg');
            font-family: 'stentiga';
            font-weight: normal;
            font-style: normal;
            
	}
@font-face
{
   font-family: 'texgyreadventor';
	src: url('https://www.theinstituteoffilms.org/fonts/texgyreadventor.eot') format('embedded-opentype'),
	    url('https://www.theinstituteoffilms.org/fonts/texgyreadventor.woff') format('woff'), 
	     url('https://www.theinstituteoffilms.org/fonts/texgyreadventor.ttf')  format('truetype'),
	     url('https://www.theinstituteoffilms.org/fonts/texgyreadventor.woff2') format('woff2'),
	     url('https://www.theinstituteoffilms.org/fonts/texgyreadventor.svg') format('svg');
        
        font-weight: normal;
        font-style: normal;
}
#body
{
    font-family:'texgyreadventor';
}
#things
{
    margin: 2%;
    padding: 0;
    width: 80%;
    height: 60vw;
    border: dashed red;
    border-radius: 2vw;
    background-color:white;
    overflow:visible;
    position:relative;
    left: 50%;
    transform: translate(-50%,0);
}
#wait
{
    background-color: #b22234;
    color:white;
    height: 10vw;
    padding: 1%;
}
#wait h1
{
    font-family: 'stentiga';
    font-size: 1.5vw;
    text-align:center;
}
#wait h2
{
    font-size: 1vw;
     text-align:center;
}
.dprogramImage
{
    width: 100%;
    height: 35vw;
    background-size: cover;
    background-position: left;      
    margin: 0;
}
.dprogramTitle
{
    position: relative;
    top: 25%;
    height: 6vw;
    width:50%;
    padding: 0 .5vw;
    border-radius: 0 2vw 2vw 0;
    background-color: #b22234;
}
.dprogramTitle h1
{
    color:white;
    font-family:'stentiga';
    font-size: 4vw;
    text-align:center;
}

.crow
{
    margin: 2%;
    overflow:visible;
}
.crow:after
{
    content: "";
    display: table;
    clear: both;
}
.ccolumn
{
    position:relative;
    border: .2vw solid red;
    position: relative;
    float: left;
    width: 30%;
    margin: 0 .4vw;
    height: 6vw;
    padding: .5vw;
}
.ccolumn:hover
{
    background-color: #3c3b6e;
    color:white;
}
.ccolumn h1
{
    display:inline;
    font-size:1.5vw;
    float:left;
    font-family:'stentiga';
}
.ccolumn h2
{
    font-size:1vw;
    text-align:center;
}
.dropdown {
  position: relative;
  display: inline-block;
}
.dropdown h1{
  position: relative;
  display: inline;
}

.dropdown-content {
    color:black;
  display: none;
  position: absolute;
  background-color: white;
  font-size:1vw;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);
  padding: 12px 16px;
  z-index: 1;
}

.dropdown:hover .dropdown-content {
  display: block;
}