/*   
Theme Name: The HTML5 Reset Theme
Theme URI: http://html5reset.org
Description: A style-free theme to get you started on an HTML5-based WordPress theme of your own.
Author: Monkey Do! + @ckhicks
Author URI: http://monkeydo.biz
Version: 2.0
*/

/* 
Clean html5 borrowed from https://bitbucket.org/eduplessis/html5-reset-wordpress-theme/overview */

/* Apply a natural box layout model to all elements: http://paulirish.com/2012/box-sizing-border-box-ftw/ */
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.chromeframe {position: absolute; top: 0;}

/* Ok, this is where the fun starts.
-------------------------------------------------------------------------------*/

/* A Linux- and Windows-friendly sans-serif font stack: http://prospects.mhurrell.co.uk/post/updating-the-helvetica-font-stack */


/* COSTUM FONTS*/
@font-face {
    font-family: 'Raleway-Regular';
    /*src: url('fonts/riesling.eot');*/
    src: local('Riesling Regular'), local('Riesling'), url('fonts/DroidSans.ttf') format('truetype');
}
@font-face {
    font-family: 'TeX-Gyre-Adventor-Bold';
    /*src: url('fonts/riesling.eot');*/
    src: local('Riesling Regular'), local('Riesling'), url('fonts/Raleway-ExtraBold.ttf') format('truetype');



}
@font-face {
    font-family: 'Raleway-Thin';
    /*src: url('fonts/riesling.eot');*/
    src: local('Riesling Regular'), local('Riesling'), url('fonts/Raleway-Medium.ttf') format('truetype');



}


/* end of COSTUM FONTS*/
body {
    height: 100%;
    font: 13px Raleway-Regular, Helmet, Freesans, sans-serif;
    font-size:62.5%;
    background-color:#ececec;
    background-color:#FFF;
    /*
    prev 302E2C
    
     background-image: url('graphics/bg-tile.png');
      background-repeat: repeat;*/
}

/* Using local fonts? Check out Font Squirrel's webfont generator: http://www.fontsquirrel.com/tools/webfont-generator */

/* We like off-black for text. */
body, select, input, textarea {color: #333;}
p {font-size: 1.4em;
   line-height: 1.6em;}
h1, h2, h3, h4, h5, h6 {
    font: 13px TeX-Gyre-Adventor-Bold, Helmet, Freesans, sans-serif;
}
a {color: #03f;}
a:hover {color: #69f;}

/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;} 

/*	j.mp/webkit-tap-highlight-color */
a:link {-webkit-tap-highlight-color: #fcd700;} 

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}

/* Mozilla dosen't style place holders by default */
input:-moz-placeholder { color:#a9a9a9; }
textarea:-moz-placeholder { color:#a9a9a9; }



/* And here begins the WordPress fun.
-------------------------------------------------------------------------------*/

#page-wrap {width: 960px; 
            min-height: 600px;
            margin: 0px auto;
            /*background-color:#f5f5f5;*/
            
}
#page-bg-box {
  margin-top: 1em;
    background-color:#f5f5f5;
    background-color:#fff;
    -moz-border-radius: 15px;
    border-radius: 15px;
    box-shadow: -1px 0 #CCC, 0 1px #CCC,
      1px 0 #CCC, 0 -1px #CCC;
    
}
.post {
   /* border: #000 dashed thin;
   background-color:#FFF;
     */ 
   padding-top: 4.8em; 
   padding-bottom: 4.8em; 
   margin-left: 185px;
    width: 592px;
   text-align: center;
    
}
.entry-title  {
   /* margin-top: 1.4em;*/
    font-size: 2.8em;
}
.entry-content h1, h2, h3, h4, h5, h6 {
    font-family: 'TeX-Gyre-Adventor-Bold', sans-serif;
    font-family: 'Raleway-Thin', sans-serif;
    color:#666;
}
.entry-content p {
    margin-top: .7em;

}



.entry-content h1 {
    margin-top: 1.4em;
    font-size: 2.8em;
}
.entry-content h2 {
    margin-top: 0em;
    font-size: 2.4em;
}
.entry-content h3 {
    margin-top: 0.9em;
    font-size: 1.8em;
}
.entry-content h4 {
    margin-top: 0.7em;
    font-size: 1.4em;
}
.entry-content h5 {
    margin-top: 0.7em;
    font-size: 1.4em;
}
.entry-content h6 {
    margin-top: 2.0em;
       margin-bottom: .6em;
    text-transform:uppercase;
     font-weight: normal;
    color: rgb(48, 66, 44); /*off black*/
   color:  #999999;
   
    line-height: -0.2em;
     letter-spacing: .1em;


}
.entry-content a {
    text-decoration: none;
      color: #C1BE86; 
}
.entry-content a:hover {

color: #206D9C;
}

#meta {}
.postmetadata {}

#sidebar {}


#nav {
   
   /*  
      display: inline;
         */
}
/* -------  standard pages ------------------*/

/* -------  end of standard pages -----------*/




/*------------------ .menu ----------------*/

#center-menu {
   /* 
      float:none;
         display: inline;
         */
  outline: 0px solid blue;
  width:960px;
 text-align:center;
}

.menu-menu-container { 
   /*  text-align: center;
     width: 800px;
    outline: 0px dashed #c10;
    float: none;*/

    
   margin: 0px auto;
 
 display: table; 

    /*position:inherit;*/
    background-color: #ececec;
    background-color:#fff;
   
}
.menu-menu-container p{
    display: none;
}
.menu-menu-container>ul {
  outline: 0px solid #c10;
   display:table;
   
      padding:0;

  
    margin-bottom:0em;
    font-family: 'Raleway-Thin', sans-serif;
    font-size:1.1em;
    line-height: 1.0em;
    /*font-weight:700;*/
    text-transform:uppercase; 

}
.menu-menu-container>ul>li {
  outline: 0px dashed #F90;
  list-style: none;
  margin: 0px;
  float: left;
  margin-right: 4em;
    
  
}
.menu-menu-container>ul>li:last-child {
  outline: 0px dashed #F90;
  list-style: none;
  margin: 0px;
  float: left;
  margin-right: 0em;
}
.menu-menu-container>ul>li>a {
    /* margin-left: 3px;*/
    text-decoration:none;
    display: block;
    float:right;
    /*width: 5em;*/
    padding-bottom: 1.4em;
    color: #C1BE86;
}

.menu-menu-container>ul>li<a:link {
    /*color: #C1BE86;*/
}
/*.menu-menu-container ul li a:visited {
        color: #4B8E81;
}*/

.menu-menu-container>ul>li>a:link:hover{
    color: #206D9C;
}

.menu-menu-container>ul>li>a:visited:hover{
    color: #206D9C;
}


.menu-menu-container .current_page_item>a, .menu-menu-container .current_page_item:link>a, .menu-menu-container .current_page_item:hover>a, .menu-menu-container .current_page_item:focus>a, .menu-menu-container .current_page_item:active>a {
    /*wp puts this class ".current_page_item" on the active item*/
    color: #206D9C;
    border-bottom-width: .1em;
    border-bottom-style:solid;
    border-bottom-color: #206D9C;
    padding-bottom: .5em;
}

/*------------end of .menu  ----------------*/

/*
LOGOTYPE displayed in menu
*/
#logo-bg-img {
     outline: 0px dashed #F90;
            
    padding-top:1em;
        padding-left:0px;
    padding-bottom:1em;
    margin-left:0px;
     
 /*           min-height: 600px;
           display: block;*/
           
 
    margin: 0px auto;
    background-color:#ececec;
    background-color:#fff;
    text-align: center;
    /*height: 100px;*/
}#logo-bg-img img {
    float:none;
    display: inline;
 margin: auto;
}

/*---------------*/
p {
    /*font-size: 1.4em;*/}
h1 {
    /*font-size: 2.5em;*/}
h2 {
    font-size: 2.0em;}
h3 {
    font-size: 1.5em;}

/*- home box - 
home-pres
home-news
home-show-reel
*/

#home-box{

    width:auto;
    width:972px;
    margin-left:22px;
    margin-top: 50px;
    display:inline-table;
 

}

#home-box p {
    font-size: 1.4em;
    line-height: 1.5em;

}
#home-box h1 {
    font-size: 2.4em;
    line-height: 1.5em;

}
#home-pres {
    float:left;
    width:602px;
    margin-right:20px;
    /*background-color:#888;*/
}




#home-show-reel {
    float:left;
    margin-top: 20px;
    width:602px;
    /*background-color:#999;
    border: #03f dotted thick;*/
}

#home-news {
    float:left;
    width:290px;
    padding-left:12px;
    border-left: thin solid #05609A;

    /*background-color:#777;*/
}
/*  home-news-entry */

.home-news-entry {

    /* background-color:#C1BE86; */
    margin-bottom: 10px;
    padding: 10px;
    padding-top: 15px;
}

.home-news-entry a {

    text-decoration: none;
}
.home-news-entry h2  {
    font-family: TeX-Gyre-Adventor-Bold, sans-serif;
    color:#302E2C; /*off black*/
    font-size:1.2em;
    text-transform:uppercase;

}
.home-news-entry p  {
    color:#302E2C; /*off black*/
    font-size: 1.0em;

}


/* end of home box */

/* BLOG page*/
#blog-box {
margin-top: 22px;
    width:auto;
    width:972px;
    margin-left:22px;
   
    display:inline-table;
}

#blog-box p {
    font-size: 1.4em;
    line-height: 1.5em;

}
#blog-box h1 {
    font-size: 2.4em;
    line-height: 1.5em;

}
#blog-read {
    float:left;
    width:640px;
    margin-right:20px;
}
/*-- Respond section -->*/
#blog-read #respond h2 {
    font-family: TeX-Gyre-Adventor-Bold, sans-serif;
    color:#302E2C; /*off black*/
    font-size:1.0em;
    text-transform:uppercase;
}
#blog-read #respond {
    margin-top: 40px;
}
/*-- End of Respond section -->*/
/*.blog-entry-title {}

          .blog-entry-content {}
*/          
.blog-post {
    background-color:#fff;
    margin-left: 0px;
    width: 680px;
}
.blog-entry-title  { 
    /*font-family: TeX-Gyre-Adventor-Bold, sans-serif;
     text-transform:uppercase;*/
     font-family: 'Raleway-Thin', sans-serif;
    color:#999999; /*off black*/
    
    margin-top: 1.4em;
    font-size: 2.8em;
}
.blog-entry-title-cap  { 
   font-family: TeX-Gyre-Adventor-Bold, sans-serif;
     text-transform:uppercase;
     
    color: rgb(48, 66, 44); /*off black*/
    

    font-size: 2.8em;
}

.blog-entry-content h1, h2, h3, h4, h5, h6 {
   /* font-family: 'TeX-Gyre-Adventor-Bold', sans-serif;*/
     font-family: 'Raleway-Thin', sans-serif;
}

.blog-entry-content iframe {
    margin-left: -22px;

}

.blog-entry-content p {
    margin-bottom: .7em;

}
.blog-entry-content h1 {
  /*  margin-top: 1.4em;*/
    font-size: 2.8em;
}
.blog-entry-content h2 {
/*    margin-top: 1.2em;*/
    font-size: 2.4em;
}
.blog-entry-content h3 {
/*    margin-top: 0.9em;*/
    font-size: 1.8em;
}
.blog-entry-content h4 {
 /*   margin-top: 0.7em;*/
    font-size: 1.4em;
}
.blog-entry-content h5 {
/*    margin-top: 0.7em;*/
    font-size: 1.4em;
}
.blog-entry-content h6 {
   /* margin-top: 0.7em;*/
    font-size: 1.4em;
}
.blog-entry-content strong {
     
    /* font-family: 'Raleway-Thin', sans-serif;
     font-family: TeX-Gyre-Adventor-Bold, sans-serif;*/
     
     text-transform:uppercase;
     font-weight: normal;
    color: rgb(48, 66, 44); /*off black*/
   color:  #999999;
    
    line-height: -0.2em;

    font-size: .8em;
    
}
.blog-entry-content a {}
.blog-entry-content a:hover {}


#blog-list p {
font-size: 1.0em;
}    
#blog-list {
   display: inline-block; 
   /*float:top;*/
    width:290px;
    padding-left:12px;
    /*EDIT*/
    border-left: thin solid #05609A;
    border-left: thin solid #ececec;    
}
.blog-news-entry {
    display: inline-block; 
    margin-bottom: 0px;
    padding: 10px;
    padding-top: 15px;
    width: 120px;
    /*float:top;*/
    vertical-align:top;
    
}
.blog-news-entry-active {
    display: inline-block; 
    margin-bottom: 0px;
    padding: 10px;
    padding-top: 15px;
    width: 120px;
    /*float:top;*/
    vertical-align:top;
    background-color: #CEE1EA;
    
}
.blog-news-entry-active h2  {
    font-family: TeX-Gyre-Adventor-Bold, sans-serif;
    color:#302E2C; /*off black*/
    font-size:1.2em;
    text-transform:uppercase;
}

.blog-news-entry a {
    text-decoration: none;
}

/*MUST APPEAR IN THIS ORDER
a:link must have background-color*/	
.blog-news-entry:link {/* unvisited link */
    /*background-color:#666;*/
}      
.blog-news-entry:visited {/* visited link */
    /*	background-color:#fff;*/
}  
.blog-news-entry:hover { /* mouse over link */
    background-color: #CEE1EA;
} 

.blog-news-entry:active { /* selected link */
} 

.blog-news-entry h2  {
    font-family: TeX-Gyre-Adventor-Bold, sans-serif;
    color:#302E2C; /*off black*/
    font-size:1.2em;
    text-transform:uppercase;

}
.blog-news-entry p  {
    color:#302E2C; /*off black*/
    font-size: 1.0em;

}


/*  end of blog page*/



/*---show-reel-cont ----------------------*/
.show-reel-head {
 /*   margin-top: 20px;
    margin-left: 0px;
    margin-bottom: 22px;*/
    padding-top: 4.8em; 
   padding-bottom: 4.8em; 
   margin-left: 151px;
    width: 592px;
    text-align: center;
    
   /* font-family: TeX-Gyre-Adventor-Bold, sans-serif;*/
   
}
.show-reel-head p {
font-family: 'Raleway-Thin', sans-serif;
    color:#666666; /*off black*/
    
    font-size:2.2em;
    line-height: 1.6em;
    
}
.show-reel-cont {
    /*    outline:dashed;*/
    margin: 0px;
    padding: 0px;
  /*  margin-top:5em;*/
    margin-left:22px;
    float:left;
 /*   display: inline-table;*/
display: inline-block; 

    /*    display: table;
    display: inline-table;*/
}
.show-reel-single-box p.show-reel-cont-cat {
    color: #206D9C;
    color: #C1BE86;
    text-transform:uppercase;	
    line-height: 1.6em;
    font-size: 1.0em;
   
     letter-spacing: .1em;
}

.show-reel-single-box {
    color:#000;

    /*outline:dashed;*/
    width:292px;
     /*   height: 24em;
    /*    overflow: hidden;*/
    /*    margin-left:22px;*/
    margin-right:18px;
    padding-top:12px;
    padding-left:12px;
    padding-right: 12px;
    padding-bottom: 16px;
    margin-bottom:0px;  
    /*   display: inline-block;
    display: inline-table; */
display: inline-block; 
 vertical-align:top;
    /*    float:left;*/
    text-decoration: none;
    

    border-top:1px solid #ececec;  
   
    /*    background-image: url(graphics/box-top-inactive.png), url(graphics/box-bottom-inactive.png);
        background-repeat: repeat-x;
        background-position: center top, center bottom;*/
    /*background-image: url(graphics/box-top-inactive.png);
    background-repeat: repeat-x;
    background-position: center top;*/
}

/*MUST APPEAR IN THIS ORDER
a:link must have background-color*/	
.show-reel-single-box:link {/* unvisited link */
    /*background-color:#666;*/


}      
.show-reel-single-box:visited {/* visited link */
    /*	background-color:#fff;*/
}  
.show-reel-single-box:hover { /* mouse over link */
    background-color: #CEE1EA;
/*    background-image: url(graphics/box-top-active.png);
    background-repeat: repeat-x;
    background-position: center top;*/

} 

.show-reel-single-box:active { /* selected link */
} 





.show-reel-single-box p {
    color:#302E2C; 
     font-size:1.2em;
     line-height: 1.4em;
}
.show-reel-single-box img {
    margin-left: 0px;

}
.show-reel-single-box h1{
    font-family: TeX-Gyre-Adventor-Bold, sans-serif;
    /*off black*/
    color:#c0c7ca;
 color:#302E2C;
 color:#C1BE86;
color:#666666;
 
 
    font-size:1.6em;
    text-transform:uppercase;		
    margin-top:4px;
    text-shadow: -.05em 0 #CCC, 0 .05em #CCC, .05 0 #CCC, 0 -.05em #CCC;

} 

/*----------show-reel-cont-------------*/
.post-excerpt {
    color: #D05C27;
}

#footer {
  /*    
  border: solid 1px red;
  */
  display: inline-table;
  /*
  background-color:#ececec;
  */
  position: relative;
  min-height: 100px;
  padding-top: 2.0em;
  /*
  */
  border-top: 2px solid #ececec;;
  /*      
  background-image: url(graphics/box-top-active.png);
  background-repeat: repeat-x;
  background-position: center top, center bottom;
  */
  font-size: .9em;
  letter-spacing: .1em;
  color: #999999;
}
#footer-cont a {
    text-decoration: none;
      color: #C1BE86; 
}
#footer-cont a:hover {

color: #206D9C;
}

#footer-cont {
   
    width: 960px;
text-align: center;
 font-size: .8em;
 
}
#footer strong {
     text-transform:uppercase;
      font-weight: normal;
       font-size: .8em;
  letter-spacing: .1em;
  color: #999999;
  
   /* font-size: .8em;*/
}
#footer ul { float:left;
     display: inline;}
#footer ul li {
    float:left;
    display: inline;}
#footer-cont #footer-col-first {
    margin-top:20px;
    margin-left: 22px;
    width: 190px;
    float:left;
    vertical-align:bottom;
    margin-right: 22px;
}
#footer-cont #footer-col-1 {
    margin-top:20px;
   
     width: 190px;
    float:left;
    margin-right: 22px;
}

#footer-cont #footer-col-2 { 
    float:left;
     width: 190px;
    margin-top:20px;
    margin-right: 22px;}
#footer-cont #footer-col-3 { 
     width: 200px;
    float:left;
    margin-top:20px;
    
}

#footer-credit { 

    float:right;
    margin-left:100px;
    
}
#footer-credit img { 

    margin-top:10px;
    margin-right:20px;
    
}

.next-posts {}
.prev-posts {}

#searchform {}
#s {}
#searchsubmt {}

ol.commentlist {font-size: 1.2em;
                margin-left:22px;
                list-style: none;}
ol.commentlist li {}
ol.commentlist li.alt {}
ol.commentlist li.bypostauthor {}
ol.commentlist li.byuser {}
ol.commentlist li.comment-author-admin {}
ol.commentlist li.comment {border-bottom: 1px dotted #666; padding: 10px;}
ol.commentlist li.comment div.comment-author {}
ol.commentlist li.comment div.vcard {}
ol.commentlist li.comment div.vcard cite.fn {font-style: normal;}
ol.commentlist li.comment div.vcard cite.fn a.url {}
ol.commentlist li.comment div.vcard img.avatar {float:right; margin: 0 0 10px 10px;}
ol.commentlist li.comment div.vcard img.avatar-32 {}
ol.commentlist li.comment div.vcard img.photo {}
ol.commentlist li.comment div.vcard span.says {}
ol.commentlist li.comment div.commentmetadata {}
ol.commentlist li.comment div.comment-meta {font-size: 10px;
                                            font-size: 1.2em;}
ol.commentlist li.comment div.comment-meta a {color: #ccc;}
ol.commentlist li.comment p {}
ol.commentlist li.comment ul {}
ol.commentlist li.comment div.reply {font-size: 11px;
                                     font-size: 1.2em;}
ol.commentlist li.comment div.reply a {font-weight: bold;}
ol.commentlist li.comment ul.children {list-style: none; margin: 10px 0 0;}
ol.commentlist li.comment ul.children li {}
ol.commentlist li.comment ul.children li.alt {}
ol.commentlist li.comment ul.children li.bypostauthor {}
ol.commentlist li.comment ul.children li.byuser {}
ol.commentlist li.comment ul.children li.comment {}
ol.commentlist li.comment ul.children li.comment-author-admin {}
ol.commentlist li.comment ul.children li.depth-2 {border-left: 5px solid #555; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-3 {border-left: 5px solid #999; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-4 {border-left: 5px solid #bbb; margin: 0 0 10px 10px;}
ol.commentlist li.comment ul.children li.depth-5 {}
ol.commentlist li.comment ul.children li.odd {}
ol.commentlist li.even {background: #fff;}
ol.commentlist li.odd {background: #f6f6f6;}
ol.commentlist li.parent {border-left: 5px solid #111;}
ol.commentlist li.thread-alt {}
ol.commentlist li.thread-even {}
ol.commentlist li.thread-odd {}


/*  SLIDE CONTAINER STYLES*/
ul#nav-slide {
    list-style-type: none;
    margin:10px 0 10px;
    padding:0px;
    border:0px solid #333;
}
ul#nav-slide li {
    float:left;
    width:30px;
}
ul#nav-slide li a {
    text-decoration:none;
    background:#05609A;
    color:#fff;
    padding:5px;
}

ul#nav-slide li a.active {
    background:#B4F114;
}
.container {
    position: relative;
    height: 127px;
    width: 592px;
/*    border: 0px solid #333;*/
 overflow-x :hidden;
 overflow-y: hidden;
 }
.slide-container {
    width:auto;
    border:0px solid #367;
    position:absolute;
    top: 0px;
    left: 0px; 
    
    /*    z-index:1;*/
}
.slides {
    float:left;
}
.slide-text {
    display:none;
    font-size:18px;
}
img {
    border:0;
}
.textStrip {
    font-family: TeX-Gyre-Adventor-Bold, sans-serif;
    /* color:#302E2C; off black*/
    font-size:1.8em;
    text-transform:uppercase;	

    top:0px;
    display:block;
    position:absolute;
    left:-400px;
    padding:5px;
    background:#333333;
    opacity:.9;
    color:#ffffff;
    width:100%;
}

.arrow-l {
    /*    background-image:url(graphics/arrow-L-b.png);
    background-repeat:no-repeat;
    background-position: top left;*/
    /*    background-color: #fff;
        width: 20px;
        height: 20px;*/
    /*    z-index:10;*/
}

.arrow-r {
    /*    background-color: #fff;
        width: 20px;
        height: 20px;*/
    /*    z-index:9;*/
}
.arrow-R-link{
    /*display:block;*/
    width:20px;
    height:40px;
    background-image:url(graphics/arrow-R-100.png);
    background-repeat:no-repeat;
    background-position: top left;
}
.arrow-R-hover{
    display:block;
    width:20px;
    height:40px;
    background-image:url(graphics/arrow-R-b.png);
    background-repeat:no-repeat;
    background-position: top left;
}
.arrow-R-active{
    display:block;
    width:20px;
    height:40px;
    background-image:url(graphics/arrow-R-100.png);
    background-repeat:no-repeat;
    background-position: top left;
}
.enter-arrow {

    /*      background-color: #666;*/
}


.arrow-L-link{
    /*display:block;*/
    width:20px;
    height:40px;
    background-image:url(graphics/arrow-L-100.png);
    background-repeat:no-repeat;
    background-position: top left;
}
.arrow-L-hover{
    display:block;
    width:20px;
    height:40px;
    background-image:url(graphics/arrow-L-b.png);
    background-repeat:no-repeat;
    background-position: top left;
}
.arrow-L-active{
    display:block;
    width:20px;
    height:40px;
    background-image:url(graphics/arrow-L-100.png);
    background-repeat:no-repeat;
    background-position: top left;
}
/*img{
border:0;
}*/





.debugger {
    background-color: #fff;
    width: 200px;
    height: 80px;
    margin-right: 20px;



}
/*  end of slide containrer styles */
/* Print styles!
-------------------------------------------------------------------------------*/
@media print {

}


/* Media queries!
-------------------------------------------------------------------------------*/

/* Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {

}

@media all and (orientation: portrait) {

}

@media all and (orientation: landscape) {

}