body{
        /*background-image: url(images/wavy.jpg); */
        background-size: cover;
        font-family: Arial, Helvetica, sans-serif;
        margin:0;
        /* background-color: #F9FFFA; */
        /* {box-sizing: border-box} */
}


.container
{
    width: 80%;
    height: 100%;
    background: white;
    margin-top: 5%;
    margin-bottom: 10%;
    border-radius: 8px;
    box-shadow: 0 15px 40px rgba(0,0,0,.5);
    padding:0;
    overflow: hidden;
}

* {box-sizing: border-box;}

img {vertical-align: middle; border-top-left-radius:8px;}


form a {text-decoration: none; color:#fff; font-weight: bold;}

form a:hover {text-decoration: none; color:#fff; font-weight: bold;}


@-webkit-keyframes fade {
  from {opacity: .2} 
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .2} 
  to {opacity: 1}
}

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}

.bit{margin-top:0.5%;}
.resp-container {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%;
}
.resp-iframe {
    position: absolute;
    width: 95%;
    height: 900px;
    border: 0;
    overflow: hidden;
}