/* For mobile phones: */
[class*="col-"] {
    width: 100%;
    float:left;
}

* *********************************************************************************** */



/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
/* Styles */
  .widget{width:49%;display:inline-block;}
}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
/*
  .burger-button{font-size:3em;}
  .center-imgs {display:block;margin-top:35px;}
  .content {width:70%;}
  */
    body {font-size:1.1em;}
  .img-person {margin: 0 0 15px 15px; width:35%;float:right;}

}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio : 2) {

  body {font-size:1.1em;}
  .img-person {margin: 0 0 15px 15px; width:35%;float:right;}
   .center-imgs-2 {display:block;}
   .center-imgs {display:none;}

   /* .content {background-color:white !important;} */

}


@media only screen  and (max-width : 1024px) {
.header-text-large{ 
font-size: 20px;
margin-top:-50px;


 }
 }




@media only screen  and (max-width : 800px) {

#sidebar {

  position: relative;
  left:20px;
}

.header-grad {
  
  border-bottom: 1px solid #a1610e;
}

.header-text {
  
  font-size: 10px;

}
.header-text-large{ 
font-size: 20px;


 }
}




@media only screen  and (min-width : 800px) and (max-width:1123px) {
  .burger-button{font-size:2em;}
   .center-imgs {display:none;}
   .content {
     font-size:16px;
     /* background-color:lightskyblue !important; */
   } 
}

@media only screen  and (min-width : 1124px) {
  body {font-size:14px;}
  .wrapper {
    width: 780px;
    margin: 0 auto;
    padding-bottom:80px;
    /*background-color:orange;*/
   }
   .header {margin-bottom:50px;}
  .header-text {
    padding:0 10px 0 0;
  }
   .header-grad {width:780px;height:67px;}
   .navi {
     display:block;
   }
   .center {
     display:block;
   }
   .center-imgs-2 {display:none;}
   .center-imgs {display:block;}
   .content {
     padding:35px 0 0 0;
     width:490px;
     font-size:14px;
   }

  .burger-button {display:none;}
  #sidebar {display:none;}
  
  .img-person {float:right;margin:0px -10px 10px 10px;width:220px;}

}

@media only screen (max-width:636px) {
.content h1 {font-size:12px;}
}



/* iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
/* Styles */
  .content {font-size:2em;}
   /* .content {background-color:orange !important;} */
}

@media only screen and (min-device-width : 320px) and (max-device-width : 480px)  {
/* Styles */
  .burger-button {font-size:2em;}
  #sidebar {top:1.8em;font-size:2em;}
  .content {font-size:1em;width:100%}
  .center-imgs {display:none;}
  .center-imgs-2 {display:block;}
  .header {font-size:2em;}
   /*  .content {background-color:red !important;} */
a{font-size:16px;
line-heigth:1px;
}


#sidebar {
  
  line-height:14px;
position:relative;
left:110px;
top:10px;
z-index:1000000;

}
#sidebar {
  line-height: 18px;
  position:relative;
  left:20px;
  top:50px;
  z-index:1000000;
  
}
}