/* 
    Document   : tebstrup
    Created on : 25-06-2014, 22:44:26
    Author     : Jouman Aziz
    Description:
        Purpose of the stylesheet follows.
*/

html {
    position: relative;
    min-height: 100%;
}
body {
    /* Margin bottom by footer height */
    margin-bottom: 80px;
    min-height: 100vh;
    padding-top: 55px;
}

.navbar-static-top {
    margin-bottom: 19px;
}

.container{
    padding-top: 20px;
}
.carousel-inner > .item > img, .carousel-inner > .item > a > img {
    display: block;
    height: auto;
    line-height: 1;
    margin: 0 auto;
    width: 100%;
    background-color: #fff;
}

#footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #f5f5f5;
    padding: 20px;
}

#footer>p{
    text-align: center;
font-size: 10pt;
}


h4 {
    font-size: 12pt;
    color: #333333;
    line-height: 18pt;
}


h5 {
    font-size: 12pt;
    text-align: center;
    color: #333333;
    border: 2px solid;
    border-radius: 25px;
    border-color: #999999;
    padding: 10px;
}

iframe{
    width: 100%;
    height: 440px;
    border:0;
}

/*.col-md-8{
    height: 100%;
}
*/


footer>p{
    font-size: 12pt;
    color: #333333;
    line-height: 18pt;
}


/* Large desktop */
@media (min-width: 1200px) { 
    .col-md-4{
      display: inline-block;
    }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 
    .row{
        padding-top: 20px;
           width: 100%;
    }
    .col-md-4{
        /*width: 30%;*/
        display: inline-block;
    }
}

/* Landscape phone to portrait tablet */
@media (min-width: 650px)and (max-width: 767px) { 
    .row{
        padding-top: 20px;
        width: 100%;
    }
    .col-md-4{
        display: inline-block;

    }
}


@media (min-width: 481px)and (max-width: 649px) { 
      
    .col-md-4{
     /* width: 100%;*/
              padding-top: 10px;

    }
} 

/* Landscape phones and down */
@media (max-width: 480px) { 
  .col-md-4{
   /*  width: 100%;*/
              padding-top: 10px;
              padding-bottom: 10px;

    }
iframe{
    width: 100%;
    height: 300px;
    border:0;
}
}