html{
font-size:100.1%;
overflow-x:hidden;
-webkit-overflow-scrolling: touch;
 -webkit-text-size-adjust: 100%;

}
 
body, html {
height:100%;
min-height:100%;

}

body {

    font-family: Panton-Regular;
    font-size: 18px;
    line-height: 1.5;

}

#wrapper, #container{
width:100%;
height:100%;
}

 #container{

 flex: 1 0 auto;
    height:auto;
 }
  #wrapper {
  display: flex;
    min-height: 940px;
        flex-direction: column;
         background:url(/images/bgimage.jpg) no-repeat scroll 50% 50% rgba(0,0,0,0.1);
 background-size:cover;
 background-blend-mode:overlay;
}


footer {
    color: white;
    font-size: 16px;
}

footer > .inside{
padding: 2rem 20px;
}
    

   footer > .inside, #main > .inside{
   max-width:1280px;
   margin:0 auto;
   }
   
   
#header {
    position: absolute;
    top: 58px;
    width: 100%;
    z-index: 20;
}
  
.inside {
position:relative;
}
   
   #header > .inside .headerholder{
   max-width: 1280px;
margin: 0 auto;
width: 100%;
   }
   
   #header > .inside .band {
    box-shadow: 0 0 11px 0 rgba(0, 0, 0, 0.4);
    height: 63px;
    width: 100%;
    background: white;
}

#header > .inside .rounded {
    width: 150px;
    height: 150px;
    position: absolute;
    top: 50%;
    margin-top: -75px;
}

#header > .inside .left .rounded > * {

    background: transparent url("/images/logo/logo.png") no-repeat scroll 50% 50% / contain;
    display: block;
    height: 100%;
    width: 100%;
}

#header > .inside .logoholder span.logo {
    width: 100%;
    height: 100%;
}
#header > .inside .logoholder span {
    display: block;
}

#header > .inside .logoholder span.logo .bg {
    background: white none repeat scroll 0 0;
    border-radius: 50%;
    box-shadow: 0 0 20px 1px rgba(0, 0, 0, 0.5);
    height: 90%;
    left: 6%;
    position: absolute;
    top: 5%;
    width: 90%;
    z-index: -1;
}

.headerholder > .left {
    float: left;
}

.headerholder > .right {
    float: right;
    width: 100%;
    height: 100%;
    max-width: 830px;
}

#header > .inside .logoholder span.logo::after {
    background: #67B53B none repeat scroll 0 0;
    color: white;
    content: "UNIFERM agrar";
    display: inline-block;
    left: 150px;
    padding: 18px;
    position: absolute;
    top: 43px;
    width: 130px;
    box-sizing: content-box;
    height: 27px;
    line-height: 1.8;
display:none;
}

#main, #container > .inside{
height:100%;
}

#main{
display:table;
width:100%;
}


#main > .inside{
display:table-row;
}


#main > .inside .holder {

    display: table-cell;
    vertical-align: middle;
    padding-top: 15rem;
    padding-bottom: 5rem;

}

#main > .inside .holder .inner{
max-width: 1280px;
padding:0 20px;
margin: 0 auto;
color:white;
}

.headlinecontainer{
    margin-bottom: 2rem;
    max-width: 650px;
}

h1 {

    font-size: 56px;
    line-height: 1.1;
    font-family: Panton-Light;
    font-weight: normal;
    font-style: normal;
    margin: 0;

}

p{
margin:0;
}

.textbox{
    max-width: 750px;
    font-size: 23px;
}

.contact .title{
	margin-top: 1rem;
}

.divider{
margin:0 5px;
}
.holder {
	text-shadow:0 0 5px rgba(0,0,0,0.8);
}
.textbox a{
color:white;
}

@media all and (max-width: 560px){
h1 {
    font-size: 36px;
}
.textbox {
	font-size: 19px;
}
#main > .inside .holder {
padding-top:12rem;
}
}