@media screen and (max-width: 1100px) {
    .fifty img {
        width: 100%;
    }
}
@media screen and (max-width: 980px) {
    #wrapper {
    	padding:0 15px;
    }
}
@media screen and (max-width: 800px) {
    .fifty.Grid,
    .fifty.reverseGrid {
        width:100%;
        float: none;
    }
    .fifty.Grid {
        margin-bottom: 30px;
    }
    .fifty.Grid .headName {
        margin-top:0;
    }

}
@media screen and (max-width: 480px) {
	body {
		padding:0 10px;
	}
    .no-responsiveLogo {
    	top:10px;
    }
    #content {
    	font-size: 20px;
    	line-height:35px;
    }
    span#coomingSoon {
    	font-size: 15px;
    	line-height: 25px;
    	display: block;
    	width: 100%;
    	padding-bottom: 15px;
    }
    a#button {
    	height: 44px;
        line-height: 35px;
        width:100%;
    }
    .headName {
        font-size: 50px;
        line-height: 50px;
        margin-top:0;
    }
    button.button,
    a.button {
        margin-top:0;
        width: 260px;
    }
    a.button {
        margin-bottom: 20px;
    }
    .morph-button-fixed,
    .morph-button-fixed .morph-content {
        height: 60px;
    }
    .serif {
        line-height: 50px;
    }
    .fifty,
    .left,
    .right {
    	width: 100%;
    	padding:0;
    }
    .right.fifty {
        margin-top:15px;
    }
}