@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/earlyaccess/alefhebrew.css);

/*----------------------
    general elements
 ---------------------*/

h2 {
    font-family:Alef Hebrew;
    font-size:70px;
    color:#f26722;
    font-weight:700;
    text-shadow: 1px 2px 0px #bbbbbb,0px 2px 1px #bbbbbb;
}

p > a {
    color:#f26722;
    text-decoration:none;
    border-spacing:20px 20px;
    transition:all 200ms;
}

/*----------------------
    header elements
 ---------------------*/

#topLine {
    height: 5px;
    width: 100%;
    top: 0px;
    left: 0px;
    background-color: #f26722;
}

#nav li a{
	color: #f26722;
    font-family:Alef hebrew;
	text-decoration: none;
	font-weight:200;
    padding-left:4px;
    padding-right:4px;
    border:2px solid #f2f2f1;
    border-radius:5px;
    transition:all 200ms;
}

#nav li:hover a{
    border:2px solid #f26722;
}

/*----------------------
        footer
 ---------------------*/

#footerContent p{
    color:#f26722;
    font-size:12px;
}

@media (min-width:320px) {
     /* smartphones, iPhone, portrait 480x320 phones */ 
    h2 {
        font-size:22px;
        text-shadow: 1px 2px 0px #e0e0e0,0px 2px 1px #e0e0e0;
    }
}
@media (min-width:481px) {
     /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
    h2 {
        font-size:30px;
        text-shadow: 1px 2px 0px #e0e0e0,0px 2px 1px #e0e0e0;
    }
}
@media (min-width:641px) { 
    /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
    h2 {
        font-size:40px;
        text-shadow: 1px 2px 0px #e0e0e0,0px 2px 1px #e0e0e0;
    }
}
@media (min-width:961px) {
     /* tablet, landscape iPad, lo-res laptops ands desktops */ 
    h2 {
        font-size:65px;
        text-shadow: 1px 2px 0px #e0e0e0,0px 2px 1px #e0e0e0;
    }
}
@media (min-width:1025px) { 
    /* big landscape tablets, laptops, and desktops */
    h2 {
        font-size:65px;
        text-shadow: 1px 2px 0px #e0e0e0,0px 2px 1px #e0e0e0;
    }
}
@media (min-width:1281px) { 
    /* hi-res laptops and desktops */
    h2 {
        font-size:70px;
        text-shadow: 1px 2px 0px #e0e0e0,0px 2px 1px #e0e0e0;
    }
}