body, html {
        height: 100%;
        margin: 0;
        font: 400 16px/1.8 "Lato", sans-serif;
        color: #777;
      }
      
      h3 {
        letter-spacing: 5px;
        text-transform: uppercase;
        font: 20px "Lato", sans-serif;
        color: #111;
      }
      
      .bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4, .bgimg-5, .bgimg-6, .bgimg-7, .bgimg-8, .bgimg-9, .bgimg-10, .bgimg-11, .bgimg-12, .bgimg-13  {
        position: relative;
        opacity: 0.75;
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
      	transition: 2s;
      }
      
      .bgimg-1:hover, .bgimg-2:hover, .bgimg-3:hover, .bgimg-4:hover, .bgimg-5:hover, .bgimg-6:hover, .bgimg-7:hover, .bgimg-8:hover, .bgimg-9:hover, .bgimg-10:hover, .bgimg-11:hover, .bgimg-12:hover, .bgimg-13:hover {
       	opacity: 1;
       	transition: 1s;
      }
      
      .bgimg-1 {
        background-image: url("http://4.bp.blogspot.com/-At1jNOKUwN0/T5ZiYZh4t-I/AAAAAAAADDA/SVVwKXJ9xEQ/s1600/DSC_0120.JPG");
        min-height: 100%;
      }
      
      .bgimg-2 {
        background-image: url("Img/Earth.jpg");
        min-height: 500px;
      }
      
      .bgimg-3 {
        background-image: url("Img/Earth.jpg");
        min-height: 500px;
      }
      
      .bgimg-4 {
        background-image: url("Img/Earth.jpg");
        min-height: 500px;
      }
      
      .bgimg-5 {
        background-image: url("Img/Earth.jpg");
        min-height: 500px;
      }
      
      .bgimg-6 {
        background-image: url("Img/Earth.jpg");
        min-height: 500px;
      }
      
      .bgimg-7 {
        background-image: url("Img/Earth.jpg");
        min-height: 500px;
      }
      
      .bgimg-8 {
        background-image: url("Img/Earth.jpg");
        min-height: 500px;
      }
      
      .bgimg-9 {
        background-image: url("Img/Earth.jpg");
        min-height: 500px;
      }
      
      .bgimg-10 {
        background-image: url("Img/Earth.jpg");
        min-height: 500px;
      }
      
      .bgimg-11 {
        background-image: url("Img/Site3.jpg");
        min-height: 500px;
      }
      
      .bgimg-12 {
        background-image: url("Img/Site2.jpg");
        min-height: 500px;
      }
      
      .bgimg-13 {
        background-image: url("Img/Site1.jpg");
        min-height: 500px;
      }
      
      
      .caption {
        position: absolute;
        left: 0;
        top: 50%;
        width: 100%;
        text-align: center;
        color: #000;
      }
      
      .caption span.border {
        background-color: #111;
        color: #fff;
        padding: 18px;
        font-size: 25px;
        letter-spacing: 10px;
        opacity: 0.8;
        font-family: Century Gothic, CenturyGothic, AppleGothic, sans-serif;
      	font-size: 50px;
      	font-weight: 500;
      	text-align: center;
      }
      
      .large {
        color: #777;background-color:white;text-align:center;padding:50px 80px;text-align: justify;
      }
      
      .small {
        color:#ddd;background-color:#282E34;text-align:center;padding:50px 80px;text-align: justify;
      }
      
      #imagetext {
        font-size:25px;color: #f7f7f7;
      }
      
        .left {float:left; width:44%; padding:0 3%; text-align:left;}
    .nopad {padding: 10px 80px; text-align:left;}
    .test {clear:both}