* {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-size: 100%;
        vertical-align: baseline;
        background: transparent;
    }


hr.top  {
  margin-top:0;
}

html{
  font-family: "arial";
  font-weight: bold;
  padding:0;
  margin: 0;
}

a {
  text-decoration: none;
  color: #555555;
}

.link:after{
  content: " >>"
}


.backlink:before{
  content: "<< "
}

.bottom_menu{
  padding-top: 1%;
  padding-right: 5%;
  padding-left: 5%;
  padding-bottom: 5%;
}

span.rev { unicode-bidi:bidi-override; direction:rtl }
span.rev.email:before { content:"ecaps.hcl" }
span.rev.email:after { content:"@bew+olleh :liamE" }
span.rev.phone:before { content:"22673837 " }
span.rev.phone:after { content:" 194+ :enohP" }
span.rev.street:before { content:"5,e" }
span.rev.street:after { content:"rtsylloJ" }
span.rev.city:before { content:" ehurs" }
span.rev.city:after { content:"K 73167" }

.to_lower {
  text-transform: lowercase;
}

.stage {
  box-shadow: 0px 0px 21px -3px gray;
}

.stage {
  width: 100%;
  background-color: #888888;
  height: 100vh;
}

hr {
  width: 90%;
  border: none;
  height: 5px;
  background-color: #555555;
  margin: 5px 0;
}

.line_wrapper {
  margin-bottom: 4px;
}

.name {
  margin:0;
  line-height: 0.8;
  font-size: 3em
}

.name_box {
  width: 100%;
  margin: 0 auto;
  padding-top: 5%;
  padding-right: 5%;
  padding-left: 5%;
  padding-bottom: 2%;
  background-color: #999999;
}

.occupation {
  font-size: 1.3em;
  color: #555555;
}

.seperator {
  margin:0;
  background-color: #999999;
}

.seperator hr {
  margin-bottom: 0;
  width: 100%;
}

.section_text {

}

.box {
  background-color: #999999;
  padding: 2% 5%;
}

ul {
  list-style: none;
  margin-left: 2px;
  color: #555555;
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-width : 320px) {


}

/* Smartphones (landscape) ----------- */
@media only screen
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-width : 768px) {
.stage {
  width:50%;
  margin: 0 auto;
}

.name_box {
  width: auto;
}

.box {
  font-size: 1.4em;
}

}

/* iPads (landscape) ----------- */
@media only screen
and (min-width : 768px)
and (orientation : landscape) {
/* Styles */
  .stage {
  width:50%;
  margin: 0 auto;
}

}

/* iPads (portrait) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {

.stage {
  width:40%;
  margin: 0 auto;
}


}

/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
.stage {
  width:30%;
  margin: 0 auto;
}

*{
  font-size: 105%;
}
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}