/*
html { 
  background: url("../images/bg_landscape.jpg") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
 }

.container {
  /*display: inline-block;
  margin-left: auto;
  margin-right: auto;
  text-align:center;
 }

.row:after {
  content: "";
  display: table;
  clear: both; }
  	
 .img {
margin: auto;
}

.boxed1 {
 width: 250px;
 max-width:100%;
 text-transform: uppercase;
 text-decoration: none;
 text-align: center;
 margin: auto;
 margin-top: 140px;
 border: white 2px solid;
 padding-top: 15px;
 
 }

h6 {
letter-spacing: 3px;
}

.boxed1 a {
	color: white;
	text-decoration: none;
	
 }

.boxed2 {
 max-width: 250px; 
 text-transform: uppercase;
 margin: auto;
 margin-top: 150px;
 text-decoration: none;
 text-align: center;
 border: gray 2px solid;
 padding-top: 15px;

 }

.boxed2 a {
	color: gray;
	text-decoration: none;
;
 }
 
.u-pull-left {
  padding-top: 330px;

  }

.u-pull-right {
	padding-top: 290px;
	
 }

@media (min-width:0px) and (max-width: 400px){

html { 
  background: url("../images/bg_portrait.jpg") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  overflow: hidden;
 }

.container {
   margin:  auto;
  text-align:center;
 }
 
 img {
 margin: auto;
 }
 
.row:after {
  content: "";
  display: table;
  clear: both; 
  }

 .boxed1 {
 max-width: 250px;
 text-transform: uppercase;
 text-decoration: none;
 text-align: center;
 margin: auto;
 margin-top: 80px;
 border: white 2px solid;
 padding-top: 15px;
 }

.boxed1 a {
	color: white;
	text-decoration: none;
 }

.boxed2 {
 max-width: 250px;
 text-transform: uppercase;
 text-decoration: none;
 text-align: center;
 margin: auto;
 margin-top: 50px;
 border: gray 2px solid;
 padding-top: 15px;
 }

.boxed2 a {
	color: gray;
	text-decoration: none;
 }
 
 h6 {
letter-spacing: 3px;
}
.u-pull-left {
  padding-top: 50px;
  }

.u-pull-right {
	padding-top:100px;
 }
 
}

@media (min-width:400px) and (max-width: 550px){

html { 
  background: url("../images/bg_portrait.jpg") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  overflow: hidden;
 }

.container {
   margin:  auto;
  text-align:center;
 }
 
 img {
 margin: auto;
 }
 
.row:after {
  content: "";
  display: table;
  clear: both; 
  }

 .boxed1 {
 max-width: 250px;
 text-transform: uppercase;
 text-decoration: none;
 text-align: center;
 margin: auto;
 margin-top: 80px;
 border: white 2px solid;
 padding-top: 15px;
 }

.boxed1 a {
	color: white;
	text-decoration: none;
 }

.boxed2 {
 max-width: 250px;
 text-transform: uppercase;
 text-decoration: none;
 text-align: center;
 margin: auto;
 margin-top: 80px;
 border: gray 2px solid;
 padding-top: 15px;
 }

.boxed2 a {
	color: gray;
	text-decoration: none;
 }
 
 h6 {
letter-spacing: 3px;
}
.u-pull-left {
  padding-top: 70px;
  }

.u-pull-right {
	padding-top:170px;
 }
 
}

 
@media (min-width: 551px) and (max-width: 750px) {

html { 
  background: url("../images/bg_portrait.jpg") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  overflow: hidden;
 }

.container {
   margin: auto;
  text-align: center;
  display: block;
  
 }

.row:after {
  content: "";
  display: table;
  clear: both; 
  }
  	
.img {
margin: auto;
}

 .boxed1 {
 max-width: 250px;
 text-transform: uppercase;
 text-decoration: none;
 text-align: center;
 border: white 2px solid;
 padding-top: 15px;
 }

.boxed1 a {
   color: white;
   text-decoration: none;
 }

.boxed2 {
 max-width: 250px;
 text-transform: uppercase;
 text-decoration: none;
 text-align: center;
 border: gray 2px solid;
 padding-top: 15px;
 }

.boxed2 a {
	color: gray;
	text-decoration: none;
 }

h6 {
letter-spacing: 3px;
}

.u-pull-left {
  padding-top: 120px;
  
  }

.u-pull-right {
	padding-top: 170px;
 }
 
}

*/
body {
    background: url("../images/bg_landscape.jpg") no-repeat center center fixed;

    background-size: cover;
}
.full {
    width: 100%;
}
.half {
    width: 50%;
    float:left;
    text-align: center;
}
.valign-parent {
    width: 100%;
    height: 100vh;
    display: table;
}
.valign-child {
    display:table-cell;
    vertical-align:middle;
}
.content {
    display: inline-block;
}
.content img {
    display: block;
    margin: 0 auto;
}
.content a {
    letter-spacing: 3px;
    margin-top: 135px;
    width: 250px;
    text-transform: uppercase;
    display: block;
    color: white;
    text-decoration: none;
    border: 2px solid white;
    padding: 15px 0;
}
.content.second a {
    border: 2px solid gray;
    color: gray;
}

@media (orientation:portrait) {
    body {
        background: url("../images/bg_portrait.jpg") no-repeat center center fixed;

        background-size: cover;
    }
    .half {
        width: 100%;
        float:left;
        text-align: center;
    }
    .valign-parent {
        width: 100%;
        height: 50vh;
        display: table;
    }
    .content a {
        letter-spacing: 3px;
        margin-top: 50px;
    }
}