/*
colors
red: #e51837; rgb(229,24,55)
gray: #808080;
*/

/************Reset**************/
* { 
  -moz-box-sizing: border-box; 
  -webkit-box-sizing: border-box; 
  box-sizing: border-box; 
}
html, body, div, object, iframe, fieldset { 
  margin: 0; 
  padding: 0; 
  border: 0;
} 
ol, ul { 
  list-style: none;
  margin: 0;
  padding: 0;
} 
table { 
  border-collapse: collapse; 
  border-spacing: 0; 
}
header, footer, nav, section, article, hgroup, figure {
  display: block;	
}
legend {
  display: none;
}
/************End Reset**************/

/************Global**************/
body {
  /*background: #fff; */
  color: #000;
  font: 100%/1.4 "HelveticaNeue", "Helvetica", "Arial", sans-serif;
  padding: 0;
}
a {
  color: #808080;
  text-decoration: none;
}
a:hover, a:focus {
  color: #e51837;
}
p {
  margin: 0 0 1em;
}
img, object, video {
  max-width: 100%;
}
h1 {
  font-size: 3em;
  line-height: 1;
  letter-spacing: -0.02em;
  margin-bottom: 0.2em;
}
h2 {
  font-size: 2em;
  line-height: 1.1;
  margin-bottom: 0.2em;
}
h3 {
  font-weight: normal;
  line-height: 1.1;
  padding-bottom: 0.4em;
  border-bottom: 1px solid #ccc;
}
h1 a {
  color: #000;
}
blockquote {
  border-left: 0.5em solid #ddd;
  padding-left: 1em;
  margin-left: 1em;
}
small {
  color: #e51837;
}
input[type=search] {
  -webkit-appearance: none;
  border-radius: 0;
}
::-webkit-input-placeholder {
  color: #808080;
}
:-moz-placeholder {  
  color: #808080;
}
/************End Global**************/

/************Classes**************/
.inactive {
  color: #ddd;
}
/************End Classes**************/

/************Structure**************/
.container {
  max-width: 70em;
  margin: 0 auto;
  padding: 0 1em;
  overflow: hidden;
}
div[role=main] {
  padding-bottom: 1em;
}

/*Footer*/
footer[role=contentinfo] {
  color: #fff;
  background: #000;
  margin: 0 -1em;
  position: relative;
  z-index: 2;
}
footer[role=contentinfo] > div {
  max-width: 70em;
  padding: 0 1em;
  margin: 0 auto;
  overflow: hidden;
}
footer[role=contentinfo] p {
  margin: 0;
}
footer[role=contentinfo] .nav li a {
  display: block;
  border-bottom: 1px solid #808080;
  padding: 1em;
  margin: 0 -1em;
}
footer[role=contentinfo] a {
  display: inline-block;
  padding: 0.5em 0;
}
footer[role=contentinfo] a.nav-home {
  color: #fff;
}
footer[role=contentinfo] .f-rga {
  padding: 0.6em 0;
}
footer[role=contentinfo] img {
  max-width: 4.4em;
  display: inline-block;
  margin-bottom: -0.22em;
}
/*End Footer*/

/*Grid*/
.grid {
  margin: 0 -1em;
  overflow: hidden;
}
.grid > h2 {
  margin-left: 0.45em;
}
.grid > section {
  padding: 1em 1em 0;
}
.grid ul {
  overflow: hidden;
}
.grid ul li {
  margin-bottom: 0.3em;
}
.featured:after {
  content: "*";
  color: #e51837;
}

/*Fluid*/
.fluid {
  display: block;
  margin: 0 auto;
  max-width: 40em;
}

/* home page image */
.container {
  background: url("../images/book_cover.png") no-repeat 0 2% !important;
}
.drill .container {
  background: none !important;
}

/******Media Queries*******/


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

.container {
/*background: none !important; */
/*background: url("../images/book_cover.png") no-repeat -130% 1% !important;*/
background-position: -130% 1% !important;
background-size: 80%;
}

img.cover {
display: inline !important;
visibility: visible  !important;
padding: 25px 0 15px 0;
height: 10px;
}

h1.title {
padding-top: 5px !important;
padding-left: 20px !important;
padding-right: 0px !important;
text-align: right !important;
font-size: 55px !important;
line-height: 40px !important;
}

h2.author {
font-size: 15px !important;
padding-top: 15px !important;

}


.imagebuttons {
padding: 25px 0 20px 0 !important;
margin-bottom: 20px !important;
}


iframe {
width: 300px;
height: 250px;
}

.iosSlider {
  height: 220px !important;
}


.iosSlider .slider .item .title span {
font-size: 25px !important;
line-height: 20px !important;
			}


.iosSlider .slider .item .author span {
font-size: 20px !important;
line-height: 25px !important;
			}


.iosSlider2 {
height: 290px !important;
/*border: 1px solid #000; */
}

}
 
/* 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-device-width : 768px)
and (max-device-width : 1024px) {
/* Styles */

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

.container {
/*background: url("../images/book_cover.png") no-repeat -15% 2% !important;*/
background-position: -15% 2% !important;
}

.imagebuttons {
padding: 0 !important;
width: 105%;
}

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

.container {
/*background: url("../images/book_cover.png") no-repeat -76% 2% !important;*/
background-position: -76% 2% !important;
}

.iosSlider2 {
height: 260px !important;
/*border: 1px solid #000; */
}

iframe {
width: 300px;
height: 250px;
}

}
 
/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1025px) {
/* Styles */
}
 
/* Large screens ----------- */
@media only screen
and (min-width : 1824px) {
/* Styles */
}
 
/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}





/* Medium Screens*/
@media all and (min-width: 35em) {
  .blog-logo {
    float: left;
    font-size: 2em;
    margin: 0 0 1em;
  }
  .blog-logo img {
    width: auto;
  }

}





@media all and (min-width:40em) {
  h1 {
    font-size: 5.6em;
  }
  .container {
    padding-bottom: 4em;
  }
  footer[role=contentinfo] {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0;
  }
  footer[role=contentinfo] .nav {
    float: left;
  }
  footer[role=contentinfo] .nav li {
    display: inline-block;
    margin-right: 0.8em;
  }
  footer[role=contentinfo] .nav li a {
    border: 0;
  }
  footer[role=contentinfo] .f-rga {
    float: right;
  }
  .grid ul li {
    width: 50%;
    float: left;
  }
  .grid ul li:nth-child(odd) {
    padding-right: 1em;
    clear: left;
  }
  .ani {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 4em;
    left: 0;
    width: 100%;
    height: 90%;
    margin: 0;
    z-index: 0;
  }
  .home {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 5em;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 90%;
    display: table;
    text-align: center;
    color: #fff;
    color: rgba(255,255,255,0.7);
  }
  .home > div {
    display: table-cell;
    vertical-align: middle;
  }
  .home .intro a {
    color: #fff;
    color: rgba(255,255,255,0.8);
    border-bottom: 1px solid rgba(255,255,255,0.8);
  }
  .home .intro a:hover, .home .intro a:focus {
    color: #000;
    border-bottom-color: #000;
  }
  
  

}


/* Large Screens */
@media all and (min-width: 54em) {
  h1 {
    font-size: 6.4em;
  }
  .grid > section {
    float: left;
    width: 33.3333333%;
  }
  .grid > section:nth-of-type(3n+1) {
    clear: left;
  }
  .grid ul li {
    width: auto;
    float: none;
  }
  .grid ul li:nth-child(odd) {
    padding-right: 0;
  }
}