@import url(http://fonts.googleapis.com/css?family=Playfair+Display:400,700,700italic|Lora:400,700,700italic|Source+Code+Pro:400,700|Abril+Fatface|Montserrat);

*, *:after, *:before { box-sizing: border-box; }
.clearfix:before, .clearfix:after {display: table;  content: ''; }
.clearfix:after { clear: both; }
html {
	font-size: 80%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {

    /*background: -webkit-linear-gradient(90deg, #414d0b 10%,  #727a17  90%);#6aa842
      background:    -moz-linear-gradient(90deg, #414d0b 10%,  #727a17  90%);
      background:     -ms-linear-gradient(90deg, #414d0b 10%,  #727a17  90%);#dff0d8
      background:      -o-linear-gradient(90deg, #414d0b 10%,  #727a17  90%);
      background:         linear-gradient(90deg, #414d0b 10%,  #727a17  90%);*/

      background: -webkit-linear-gradient(90deg, #f4f6f8 10%,  #f4f6f8 90%);
        background:    -moz-linear-gradient(90deg, #f4f6f8 10%,  #f4f6f8 90%);
        background:     -ms-linear-gradient(90deg, #f4f6f8 10%,  #f4f6f8  90%);
        background:      -o-linear-gradient(90deg, #f4f6f8 10%,  #f4f6f8  90%);
        background:         linear-gradient(90deg, #f4f6f8 10%,  #f4f6f8  90%);

}
.panel-success > .panel-heading {
    color: #3c763d;
    background-color: #6aa842;
    border-color: #d6e9c6;
}

.imgwrapper {
   width: 20%;
}
.wrapper {
    position:absolute;
    top:15%;
    left:0px;
    right:0px;
    width:100%;
    height:auto;
}
.sammy {
    float:left;
    width:100%;
    height:auto;
    text-align:center;
}
.message {
    float:left;
    width:100%;
    height:auto;
    font-size:36px;
    text-align:center;
    font-family:Arial,Helvetica,sans-serif;
    margin-top:25px;
}

.logo
{
    height: 80px;
    width: 80px;
    align-content: center;
    align-items: center;
}
.section_item {
	height: auto;
	max-width: calc(100vw - 30px);
  width: 100%;
  top: 50%;
  margin-top: -15px; /* 50% of the line-height in a */
	margin: auto;
	padding: 10vw;
	z-index: 1;
	position: relative;
	text-align: center;
  align-content: center;
  align-items: center;
  color: gray;
	font-style: normal;
}
h1{
	font-size:5vw;
}
h2{
	font-size:5vw;
}

/*=========================
  Icons
 ================= */
 .social:hover {
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -o-transform: scale(1.1);
  }
  .social {
      -webkit-transform: scale(0.8);
      /* Browser Variations: */

      -moz-transform: scale(0.8);
      -o-transform: scale(0.8);
      -webkit-transition-duration: 0.5s;
      -moz-transition-duration: 0.5s;
      -o-transition-duration: 0.5s;
  }

 /*
     Multicoloured Hover Variations
 */

  #social-fb:hover {
      color: #3B5998;
  }
  #social-tw:hover {
      color: #4099FF;
  }
  #social-gp:hover {
      color: #d34836;
  }
  #social-em:hover {
      color: #f39c12;
  }