diff --git a/callfortalks.html b/callfortalks.html
index 432b974d..125ceac2 100644
--- a/callfortalks.html
+++ b/callfortalks.html
@@ -4,20 +4,20 @@ title: Call for talks
 permalink: /call-for-talks/
 ---
 
-<div class="content container-fluid">
+<div class="content container-fluid call-for-talks-">
 
  <div class="row">
 
   <div class="dark_bg col-md-8 col-md-offset-2">
 
    <div class="page-title col-md-2 col-md-offset-1">
-    <h3>{{page.title}}</h3>    
+    <h3>{{page.title}}</h3>
    </div>
 
    <div class="about dark_bg col-md-9">
     <div class="row">
      <div class="col-md-12">
-      <iframe src="https://docs.google.com/forms/d/1e5KuQwBvYSenIegSBKbwjscWCA0LxZ3zjZAIH6ROn8g/viewform?embedded=true" width="100%" height="800" frameborder="0" marginheight="0" marginwidth="0">Wird geladen...</iframe>
+      <iframe src="https://docs.google.com/forms/d/1e5KuQwBvYSenIegSBKbwjscWCA0LxZ3zjZAIH6ROn8g/viewform?embedded=true" width="100%" height="1600" frameborder="0" marginheight="0" marginwidth="0">Wird geladen...</iframe>
      </div>
     </div>
    </div>
diff --git a/css/custom.css b/css/custom.css
index 3e1c8383..eb7b5532 100644
--- a/css/custom.css
+++ b/css/custom.css
@@ -84,12 +84,16 @@ a:hover {
 .upcoming {
  padding: 10px;
 }
-.upcoming-media img {
+.upcoming-media {
+ width: 100px;
  height: 60px;
  float: left;
  margin-right: 10px;
  margin-left: 4px;
 }
+.upcoming-media img {
+ width:100%;
+}
 .site-header {
  background: #fff;
 }
@@ -225,6 +229,9 @@ a:hover {
  color: #000;
  padding: 4px;
 }
+.call-for-talks{
+ height: 1600px;
+}
 .footer {
  margin-top: 10px;
  background: #fff;
@@ -261,6 +268,7 @@ a:hover {
 .footer li img {
  height: 40px;
 }
+
 .picbook .album-title {
  display:none;
 }
diff --git a/js/custom.js b/js/custom.js
index 2d27fd9d..53bf4aa8 100644
--- a/js/custom.js
+++ b/js/custom.js
@@ -9,6 +9,7 @@ $(document).ready(function() {
  });
 
  $(".artist-media img").imagefill();
+ $(".upcoming-media img").imagefill();
 
  var rnd = Math.floor(Math.random() * 6);