﻿@charset "utf-8";
/* CSS Document */

@media (min-width:0px){

html{
height:100%;
}

body{
margin:0px;
height:100%;
}

p, a,li, h1, h2, h3, h4, h5 {
font-family:arial;
}

.bigWrap{
min-height: 100%;
position:relative;
}

h1{
color:#FF8E00;
}

ul li{
color:rgba(255,126,0,1.00);
}

li span{
color:rgba(0,0,0,1.00);
}


.mainContentWrap{
padding-top:50px;
width:80%;
margin:0 auto;
padding-bottom:100px;
}

.topBar{
width:100%;
background-image:url(../img/backupButtonHeader_background.png);
background-size: cover;
height:100px;
}

.backUpLogo{
    margin-left: 60px;
    vertical-align: middle;
}

.headerText{
float:right;
margin-right:60px;
margin-top:25px;
}

.navigation{
margin:10px 0 10px 0;
height:auto;
width:100%;

background: #feccb1; /* Old browsers */
background: -moz-linear-gradient(top,  #feccb1 0%, #f17432 51%, #ea5507 100%);
background: -webkit-linear-gradient(top,  #feccb1 0%,#f17432 51%,#ea5507 100%);
background: linear-gradient(to bottom,  #feccb1 0%,#f17432 51%,#ea5507 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feccb1', endColorstr='#ea5507',GradientType=0 );
}

.hamburgerFoil{
    height: 50px;
    width: 50px;
    display: inline-block;
	padding: 10px;
    margin-left: 20px;
}

.hamburgerFoil{
cursor:pointer;
}

.hamburgerLine{
    width: 100%;
    height: 4px;
    background-color: #ffffff;
    margin: 10px 0 10px 0;
}

.menuWrap{
/*margin-left:60px;*/
}

.firstOne{
border-left: 3px solid #ffffff;
}

.btnNavWrap{
/*height:50px;
width:220px;
display:inline-block;
border-right: 3px solid #ffffff;
margin-left:-4px;*/
}

.btnNavWrap:hover{
background: #56eaea;
background: -moz-linear-gradient(top,  #56eaea 0%, #1fbcbc 50%, #3ea8a8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #56eaea 0%,#1fbcbc 50%,#3ea8a8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #56eaea 0%,#1fbcbc 50%,#3ea8a8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#56eaea', endColorstr='#3ea8a8',GradientType=0 ); /* IE6-9 */
}

.btnNavWrap:active{
background: #56eaea;
background: -moz-linear-gradient(top,  #56eaea 0%, #1fbcbc 50%, #3ea8a8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #56eaea 0%,#1fbcbc 50%,#3ea8a8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #56eaea 0%,#1fbcbc 50%,#3ea8a8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#56eaea', endColorstr='#3ea8a8',GradientType=0 ); /* IE6-9 */
}

.navArrow{
vertical-align:baseline;
}

.btnNav{
display:inline-block;
vertical-align:middle;
margin-top: 10px;
}

.btnNav p {
text-decoration: none;
    color: #ffffff;
    font-size: 20px;
    display: inline-block;
    margin-top: 0;
    vertical-align: super;
}

.footer{
background-color:#eeeeee;
text-align:center;
width:100%;
padding:20px 0 20px 0;
position:absolute;
bottom:0;

}

.footer a{
text-decoration:none;
color:rgba(0,0,0,1.00);
}

}

@media (min-width:0px) and (max-width:649px){

html {
  font-size: 14px;
  font-weight: 100;
  line-height: 1.5;
}

.mainContentWrap{
width:86%;
}

.backUpLogo{
display:block;
margin:0 auto;
}

.hamburgerFoil{
display:inherit;
}

.headerText{
display:none;
}

.navigation{
height:auto;
}

.menuWrap{
display:none;
margin-left: 0px;
}

.btnNavWrap{
border:none;
display:block;
width:100%;
border-top:#FFB38B solid 1px;
}

.btnNav{
border:none;
margin-left:20px;
}
}

@media (min-width:650px) and (max-width:959px){
.hamburgerFoil{
display:inherit;
}


.menuWrap{
display:none;
margin-left: 0px;
}

.btnNavWrap{
border:none;
display:block;
width:100%;
border-top:#FFB38B solid 1px;
}

.btnNav{
border:none;
margin-left:20px;
}
}

@media (min-width:960px) and (max-width:1199px){
}

@media (max-width:959px) {

}

@media (min-width:960px) {

/*.hamburgerFoil{
display:none;
background-color:transparent;
background:transparent;
background:-moz-linear-gradient(transparent);
background:-webkit-linear-gradient(transparent);
background:linear-gradient(transparent);
filter:progid:DXImageTransform.Microsoft.gradient(transparent);
border-radius:0px;
}

menuWrap {
display:block;
}*/

}

@media (min-width:1200px){

.footer{
width:100%;
}

}