`/****** Making Cards Responsive ****/

@media screen and (max-width: 240px) {
    .card .copy {
        position:relative;
    }

    #about h3 {
        text-size: 2em;
    }    
}

@media screen and (max-width: 320px) {
    .card .copy {
        position:relative;
    }
    #event-nov-28 .copy {	
        top: -50px;
    }

    #press h3 {
        font-size: 2.5em;
    }
    .navigation ul {
        margin-top: 0px;
        padding-top: 8px;
        padding-bottom: 0px;
        background: black;
        position: absolute;
        right: 0;
        z-index: 10000;
        font-size: 14px;
        width: 91px;
    }
    #social {
        width: 100%;
        margin-top: 15px;
        height:15px;
    }
   
    .first {
        
    }
}

@media screen and (max-width:560px) {
    #contactpage {
        text-size: .6em;
    }
  
}
/* Iphone */
@media screen and (max-width: 640px) {
    .navigation img#logo {
        width:40%;
    }
    .navigation a{
        font-size:12px;
    }
    .navigation {
        height:112px;
    }
    .navigation ul {
        width:100px !important;
    }
    
    #social a {
       height:22px;
       width:30px;
       padding-left:0px;
       padding-right:0px;
    }
    #social {
        right:10px !important;
        margin-top:5px !important;
    }
    
    #social span {
           display:none;
           visibility:hidden;
    }
    #contactpage h3 {
        font-size:2em !important;
    }
    #about h3 {
        font-size:2em !important;
    }
    #press h3 {
        font-size:2em !important;
        
    }
}
@media screen and (max-width: 748px) {

    #about h3 {
        font-size: 2em;
    }
    #press h3 {
        width:118%;
    }

    #contactpage {
        font-size: .8em;
    }

    .navigation ul {
        margin-top: 0px;
        padding-top: 8px;
        padding-bottom: 0px;
        margin-left: 276px;
        background: black;
        position: absolute;
        right: 0;
        z-index: 10000;
        width:150px;
    }

    .navigation ul li {
        margin-bottom:8px;
    }

    #social {
        width:200px;
        right:140px;
        margin-top:23px;
    }

    #social a#facebook {
        background:url('../img/facebooksm-bw.png') no-repeat;
        padding-left:28px;
        padding-top:4px;
        margin-top:7px;
    }

    #social a#facebook:hover {
         background:url('../img/facebooksm.png') no-repeat;
    }

    #social a#twitter {
        background: url('../img/twittersm-bw.png') no-repeat;
        padding-left: 28px;
        padding-top: 4px;
        margin-top: 7px;
    }

    #social a#twitter:hover {
        background:url('../img/twittersm.png') no-repeat;
    }
}

@media screen and (max-width:940px) {
    #about p {
        font-size: 0.62em !important;
    }
    #about h3 {
        font-size: 3em;
    }
}

@media screen and (max-width:1088px) {
    #about p {
        font-size:0.8em;
    }
}

@media screen and (max-width: 768px) {
    .card .copy {
        position: relative;
	width: 100%;
    }

    .half-width {
        max-width: none;
    }
   
    #contactpage .contact, #contactpage .contact-agent {
        width: 100%;
    }
   
    #event-nov-28 .background {
        float: none;
    }

    #event-nov-28 p {
        font-size: 18px;
    }   
	
    #event-nov-28 .copy {	
        background-color: black;
	top: -120px;
    }

    #event-nov-28 h3, #event-nov-28 p {	
        width: 100%;
    }

    .half-press-links ul.left li {

    }

    .half-press-links ul.right li {	   
        
    }

    #press .background {
        float: none;
    }      

    #press .copy {
        top: -100px;
	background: black;
    }

    #press h3 {
        font-size: 3.5em;
	    background-color: black;
    }

    #press .half-width {
        width:85% !important;
    }

    #about h3 {
        color: black;
        font-size: 3.5em;
	    line-height: 1em;
	    top: -100px;
	    position: relative;
    }   

    #about p {
        width: 75%;
	    color: white;
    	font-size:1em;
    	margin-top: -50px;
    	word-spacing: 3px;
    	letter-spacing: 1px;
    }
    .half-width {
        width:100% !important;
    }
    #contact {
        margin-bottom:35px;
    }
    
}

@media screen and (max-width: 960px) {
    #main {
        width: 85%;
    }   

    .full-width {
        width: 85%;
    }

    #event-nov-28 h3 {
        font-size: 24px;
	margin-bottom: 35px;
    }   

    #event-nov-28 p {
        font-size: 16px;
    }   

    
}

@media screen and (max-width:1024) {

    #event-nov-28 h3 {
        margin-bottom: 10px;
    }      
   
}`