@charset "UTF-8";

/*  *   *   *   *   *   *   *   *   *   *   *

Color Palette

Dark Gray: #4D4D4D

Light Gray: #7F7F7F

Blue: #2CA4BA

Dark Red: #9B1722

Red: #EB3C3B

*   *   *   *   *   *   *   *   *   *   *   */

/*  *   *   *   *   *   *   *   *   *   *   *

Universal Styles

Place all of your universal styles that apply to all site versions beneath this comment.

*   *   *   *   *   *   *   *   *   *   *   */

@font-face {
    font-family: 'Sansumi-Bold';
    src: url('../_assets/sansumi_extrabold_macroman/Sansumi-ExtraBold-webfont.eot');
    src: url('../_assets/sansumi_extrabold_macroman/Sansumi-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../_assets/sansumi_extrabold_macroman/Sansumi-ExtraBold-webfont.woff') format('woff'),
         url('../_assets/sansumi_extrabold_macroman/Sansumi-ExtraBold-webfont.ttf') format('truetype'),
         url('../_assets/sansumi_extrabold_macroman/Sansumi-ExtraBold-webfont.svg#sansumi-extraboldregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Sansumi';
    src: url('../_assets/sansumi_regular_macroman/Sansumi-Bold-webfont.eot');
    src: url('../_assets/sansumi_regular_macroman/Sansumi-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../_assets/sansumi_regular_macroman/Sansumi-Bold-webfont.woff') format('woff'),
         url('../_assets/sansumi_regular_macroman/Sansumi-Bold-webfont.ttf') format('truetype'),
         url('../_assets/sansumi_regular_macroman/Sansumi-Bold-webfont.svg#sansumiregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Cantarell-Regular';
    src: url('../_assets/cantarell_regular_macroman/Cantarell-Regular-webfont.eot');
    src: url('../_assets/cantarell_regular_macroman/Cantarell-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../_assets/cantarell_regular_macroman/Cantarell-Regular-webfont.woff') format('woff'),
         url('../_assets/cantarell_regular_macroman/Cantarell-Regular-webfont.ttf') format('truetype'),
         url('../_assets/cantarell_regular_macroman/Cantarell-Regular-webfont.svg#cantarellregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Cantarell-Oblique';
    src: url('../_assets/cantarell_oblique_macroman/Cantarell-Oblique-webfont.eot');
    src: url('../_assets/cantarell_oblique_macroman/Cantarell-Oblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('../_assets/cantarell_oblique_macroman/Cantarell-Oblique-webfont.woff') format('woff'),
         url('../_assets/cantarell_oblique_macroman/Cantarell-Oblique-webfont.ttf') format('truetype'),
         url('../_assets/cantarell_oblique_macroman/Cantarell-Oblique-webfont.svg#cantarelloblique') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Cantarell-Bold-Oblique';
    src: url('../_assets/cantarell_boldoblique_macroman/Cantarell-BoldOblique-webfont.eot');
    src: url('../_assets/cantarell_boldoblique_macroman/Cantarell-BoldOblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('../_assets/cantarell_boldoblique_macroman/Cantarell-BoldOblique-webfont.woff') format('woff'),
         url('../_assets/cantarell_boldoblique_macroman/Cantarell-BoldOblique-webfont.ttf') format('truetype'),
         url('../_assets/cantarell_boldoblique_macroman/Cantarell-BoldOblique-webfont.svg#cantarellboldoblique') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Cantarell-Bold';
    src: url('../_assets/cantarell_bold_macroman/Cantarell-Bold-webfont.eot');
    src: url('../_assets/cantarell_bold_macroman/Cantarell-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../_assets/cantarell_bold_macroman/Cantarell-Bold-webfont.woff') format('woff'),
         url('../_assets/cantarell_bold_macroman/Cantarell-Bold-webfont.ttf') format('truetype'),
         url('../_assets/cantarell_bold_macroman/Cantarell-Bold-webfont.svg#cantarellbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
* {
    margin: 0;
    padding: 0;
    line-height: 1;
    font-family: cantarell-regular, Helvetica, Arial, sans-serif;
    font-weight: normal;
}

html {
    background-color: #FFFFFF;
    width: 100%;
}

body {
    width: 1200px;
    margin: 0 auto;
}

h1 {
    font-size: 52px;
    text-transform: uppercase;
    color: #4D4D4D;
    font-family: sansumi-bold;
    letter-spacing: 5px;
    padding-bottom: 5px;
}

h2 {
    font-size: 30px;
    text-transform: uppercase;
    color: #9B1722;
    font-family: sansumi-bold;
    letter-spacing: 6px;
}

h3 {
    font-size: 21px;
    text-transform: uppercase;
    color: #9B1722;
    font-family: sansumi-bold;
    letter-spacing: 5px;
    margin-bottom: 5px;
}

h4, p span {
    font-size: 18px;
    color: #EB3C3B;
    font-family: cantarell-bold, sans-serif;
    display: inline;
    line-height: 1.5;
}

p {
    font-size: 16px;   
    font-family: cantarell-regular, sans-serif;
    line-height: 1.5;
    margin: 15px 0px;
}

a {
    color: #2CA4BA;
}

ul li {
    font-family: cantarell-regular;
    font-size: 16px;
    line-height: 1.5;
    list-style: none;
    padding-left: 30px;
    padding-bottom: 15px;
}

ul li:before {
    content: "\2022 ";
    color: #2CA4BA;
    font-family: arial black, arial;
}

em {
    font-family: cantarell-oblique;
}

strong {
    font-family: cantarell-bold;   
}

em strong, strong em {
    font-family: cantarell-oblique;   
}

main {    
    padding: 0px 30px;
}

footer p {
    color: #7F7F7F;
    font-size: 14px;
    margin-left: 30px;
}

.blue {
    color: #2CA4BA;   
}

.red-gradient {
    background: #9B1722; /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(73,11,11,1) 0%, rgba(155,23,34,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(73,11,11,1)), color-stop(100%,rgba(155,23,34,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(73,11,11,1) 0%,rgba(155,23,34,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(73,11,11,1) 0%,rgba(155,23,34,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(73,11,11,1) 0%,rgba(155,23,34,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(73,11,11,1) 0%,rgba(155,23,34,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#490b0b', endColorstr='#9b1722',GradientType=0 ); /* IE6-9 */   
}

.red-gradient-dark-bottom {
    background: #9B1722; /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(155,23,34,1) 0%, rgba(73,11,11,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(155,23,34,1)), color-stop(100%,rgba(73,11,11,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(155,23,34,1) 0%,rgba(73,11,11,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(155,23,34,1) 0%,rgba(73,11,11,1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(155,23,34,1) 0%,rgba(73,11,11,1) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(155,23,34,1) 0%,rgba(73,11,11,1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9b1722', endColorstr='#490b0b',GradientType=0 ); /* IE6-9 */ 
}

/*  *   *   *   *   *   *   *   *   *   *   *

Clearfix

*   *   *   *   *   *   *   *   *   *   *   */

header:before, header:after, div.members:before, div.members:after, .clear:before, .clear:after {
    content: " ";
    display: table;
}

header:after, div.members:after, .clear:after {
    clear: both;
}

header, div.members {
    *zoom: 1;   
}

header ul li:before {
    content: none;   
}

/*  *   *   *   *   *   *   *   *   *   *   *

Header

*   *   *   *   *   *   *   *   *   *   *   */

header {
    position: relative;
    width: 1140;
    padding: 0px 30px;
}

header nav ul li a, header nav ul li.parent {
    font-family: sansumi; 
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 14px;
}

header ul li a {
    font-family: cantarell-regular; 
    letter-spacing: 0px;
    font-size: 15px;
}

header img {
    margin: 15px 0px;
    float: left;
}

header img.line {
    margin: 0px;
    width: 100%;
}

header ul {
    float: right;
}

header ul li {
    display: inline-block;  
    float: left;
    list-style-type: none;
}

header ul.secondary-menu {
    position: absolute;
    top: 0px;
    right: 30px;
}

header ul.secondary-menu li {
    padding-left: 0px;   
}

header ul.secondary-menu li a {
    background-color: #7F7F7F;
    color: #FFFFFF;
    padding: 5px 10px;
    line-height: 30px;
}

header ul.secondary-menu li.quote a {
    background-color: #EB3C3B;
}

header nav {
    margin-top: 70px;
    position: relative;
    z-index: 1;
}

header nav ul li {
    padding: 0px 0px;   
}

header nav ul li a, header nav ul li.parent {
    padding: 0px 17px;
    height: 55px;
    line-height: 55px;
    display: block;
    color: #000;
    text-decoration: none;
}

header nav ul li:last-child {
    padding-right: 0px;   
}

header nav ul li a:hover {
    color: #f0f0f0;
    background-color: #2CA4BA;   
}

.why a[href="why.php"],
.index a[href="index.php"],
.oursolution a[href="oursolution.php"],
.events a[href="events.php"],
.contact a[href="contact.php"],
.about a[href="about.php"] {
    color: #2CA4BA;
    background-color: #ffffff;   
}

.map a[href="map.php"] {
    color: #2CA4BA;
    background-color: #dddddd;   
}

header nav ul li.parent:hover {
     color: #000000;
     background-color: #F0F0F0;
     cursor: default;
}

header nav ul li.parent:hover ul li:hover a {
    background-color: #2CA4BA;
    color: #F0F0F0;
    cursor: pointer;
}

header .secondary-menu a {
    text-decoration: none;   
}

header nav ul li.parent {
     position: relative;
}

header nav ul li.parent ul {
     display: none;
     width: 180px;
     position: absolute;
     left: 0px;
     top: 100%;
     background-color: #F0F0F0;
}

header nav ul li.parent:hover ul {
     display: block;   
}

header nav ul li.parent ul li {
    width: 100%;
}
/*  *   *   *   *   *   *   *   *   *   *   *

Map Page

*   *   *   *   *   *   *   *   *   *   *   */

body.map div.map {
    float: right;
    margin-left: 30px;
    width: 694px;
    height: 500px;
    position: relative;
}

div.map img {
     opacity: 0;  
}

div.map img.map {
     position:absolute;
     left: 0px;
     bottom: 0px;
     opacity: 1;
}

div.map img.al {
     position: absolute;
     bottom: 79px;
     left: 461px;
}

div.map img.ar {
     position: absolute;
     bottom: 121px;
     left: 373px;
}

div.map img.az {
     position: absolute;
     bottom: 102px;
     left: 93px;
}

div.map img.co {
     position: absolute;
     bottom: 188px;
     left: 183px;
}

div.map img.ga {
     position: absolute;
     bottom: 92px;
     left: 496px;
}

div.map img.in {
     position: absolute;
     bottom: 205px;
     left: 458px;
}

div.map img.ky {
     position: absolute;
     bottom: 182px;
     left:441px;
}

div.map img.ms {
     position: absolute;
     bottom: 76px;
     left: 417px;
}

div.map img.tn {
     position: absolute;
     bottom: 156px;
     left: 433px;
}

div.map img.tx {
     position: absolute;
     bottom: 0px;
     left: 204px;
}

div.map figure.bubble {
     display: none;
     opacity: 1;
     position: absolute;
     width: 130px;
     height: 82px;
     background-image: url(../_images/map/bubble.png);
}

div.map figure.bubble p {
    margin: 0px;
    padding: 10px;
    font-size: 11px;
    line-height: 1;
}

img.al:hover, img.ar:hover, img.az:hover, img.co:hover, img.ga:hover, img.in:hover, img.ky:hover, img.ms:hover, img.tn:hover, img.tx:hover {
     opacity: 1; 
}

/*  *   *   *   *   *   *   *   *   *   *   *

Home Page

*   *   *   *   *   *   *   *   *   *   *   */

#slideshow {
    margin: 0px;
    margin-left:80px;
    position: relative;
    width: 362px;
    height: 504px;
    padding: 0px;
    float: right;
}

#slideshow > div {
     position: absolute;
     top: 0px;
     left: 0px;
     right: 0px;
     bottom: 0px;
}

.index main p.red-banner {
    background-color: #FF0000;
    color: #FFFFFF;
    width: 744px;
    padding: 15px 36px;
    font-size: 17px;
    margin-top: 15px;
}

#index-video {
	width:690px; }

/*  *   *   *   *   *   *   *   *   *   *   *

Our Solution Page

*   *   *   *   *   *   *   *   *   *   *   */

.oursolution main img {
    float: right;
}

.oursolution h3 {
    margin-top: 30px;
    margin-bottom: 0px;
}

.oursolution h3 + p {
    margin-top: 5px;   
}

/*  *   *   *   *   *   *   *   *   *   *   *

Why RSC Page

*   *   *   *   *   *   *   *   *   *   *   */

.why .left, .events .left {
    margin-top: 5px;
    float: left;
    width: 45%;
    padding-right: 4%;
}

.why .right, .events .right {
    margin-top: 5px;
    float: right;
    width: 45%;
    padding-left: 4%;
}

.why ul + p {
    margin-top: 0px;   
}

.why .vert {
    float: left;   
    margin-top: 40px;
}

.why h3 {
    margin-top: 30px;   
}

.why .blue {
	padding-top:20px; }
	
#white-paper-link {
	float:right;
	margin:10px 40px 0 0; }
	
#white-paper-link a {
	width:400px;
	box-shadow:2px 2px 4px #777;
	color:#fff;
	background-color:#2CA4BA;
	display:inline-block;
	letter-spacing:1px;
	line-height:28px;
	padding:20px 30px;
	position:relative;
	text-decoration:none; }
	
#white-paper-link a img {
	position:absolute;
	right:30px;
	top:20px; }
	
p.red-gradient-text-detail {
	width:450px;
	clear:right;
	float:right;
	margin:10px 45px 0 0;
	text-align:center; }

/*  *   *   *   *   *   *   *   *   *   *   *

Upcoming Events Page

*   *   *   *   *   *   *   *   *   *   *   */

.events h1 {
    margin-bottom: 20px;   
}

.events p {
    margin-top: 0px;
    margin-bottom: 30px;
}

/*  *   *   *   *   *   *   *   *   *   *   *

About Us Page

*   *   *   *   *   *   *   *   *   *   *   */

.about .left {
    margin-top: 5px;
    float: left;
    width: 47%;
    padding-right: 2%;
}

.about .right {
    margin-top: -37px;
    margin-bottom: -38px;
    float: left;
    width: 550px;
    padding-left: 30px;
    padding-top: 30px;
    background-image:url(../_images/_ui_elements/gray-background.jpg);
    background-repeat: repeat-y;
}

.about .right h2 {
    float: left;
    display: block;
    color: #fff;
    clear: right;
    margin-top: 15px;
    margin-right: 150px;
    margin-bottom: 30px;
}

.about .right h3 {
    font-size: 21px;
    text-transform: none;
    color: #fff;
    font-family: cantarell-bold;
    letter-spacing: 0px;
    margin-bottom: 5px;
}

.about .right h3:before {
    content: "::";
    color: #ff0000;
    letter-spacing: 5px;
}

.about .right h4 {
    color: #4D4D4D;
    font-family: cantarell-bold;
    padding-left: 20px;
}

.about .right div#leadership-container {
    height: 250px;
    overflow: scroll;
    margin-top: 15px;
    margin-bottom: 30px;
}

.about .right p {
    font-size: 14px;   
}

.about .right p:first-child {
    margin-top: 0px;   
}

.about .right img {
    background-color: #E6E7E8;
    margin: 0px 30px 15px 0px;
    float: left;
    width: 150px;
    clear: left;
}

.about .right div.members {
    width: 100%;   
    background-color: #fff;
    padding-top: 30px;
    margin-bottom: 30px;
}

.about .right div.members div.single-member {
    margin-left: 5%;
    width: 14%;
    float: left;
    cursor: pointer;
}

.about .right div.members img {
    width: 100%;
    margin: 0;
    background-color: #E6E7E8;
    margin-bottom: 5px;
}

.about .right div.members h5 {
    font-size: 9px;   
}

.about .right div.members h5:before {
    content: "::";
    display: block;
    color: #FF0000;
    letter-spacing: 3px;
    margin-bottom: 5px;
}

.about .right div.members p {
    font-size: 7px;   
    margin-top: 5px;
}

.about .vert {
    float: left;   
    margin-top: 40px;
    height: 400px;
}

.about h2 {
    font-size: 28px;
    text-transform: uppercase;
    color: #9B1722;
    font-family: sansumi-bold;
    letter-spacing: 3px;
    line-height: 1.3;   
}

.travis, .powers, .propes, .medd {
    display: none;   
}

/*  *   *   *   *   *   *   *   *   *   *   *

Contact Us Page

*   *   *   *   *   *   *   *   *   *   *   */

.contact .left {
    margin-top: 5px;
    float: left;
    width: 47%;
    padding-right: 2%;
}

.contact .right {
    margin-top: 5px;
    float: right;
    width: 47%;
    padding-left: 2%;
}

.contact .vert {
    float: left;   
    margin-top: 40px;
    height: 400px;
}

.contact .blue {
    color: #2CA4BA;
    font-weight: 100;
    font-size: 12px;
    letter-spacing: 2px;
}

.contact .red {
    color: #EB3C3B;   
}

.contact h4 + p {
    margin-top: 0px;
}

.contact label, .contact input, .contact textarea {
    line-height: 2;   
    font-size: 16px;
    margin:10px 0px;   
}

.contact input, .contact textarea {
    text-indent: 0.5em;
}

.contact label {
    display: inline-block;
    width: 15%;   
}

.contact input {
    width: 80%;  
    border-radius: 5px;
    border: 1px solid #aaa; 
}

.contact label#companylabel {
    width: 18%;
}

.contact input#company {
    width: 77%;   
}

.contact label#emaillabel {
    width: 23%;   
}

label#messagelabel {
    margin-bottom: 0px;   
}

.contact input#email {
    width: 72%;
}

.contact textarea {
    width: 95%; 
    border-radius: 5px;
    border: 1px solid #aaa;   
    margin-top: 0px;
}

form input[type="submit"] {
	width:95%;
	color:#FFF;
	background-color:#2CA4BA;
	border:0px;
	cursor:pointer;
	font-size:20px; }
	
form span.input-required {
	color:red; }












.bubble.al {
    bottom: 150px;
    left: 405px;
}

.bubble.ar {
    bottom: 174px;
    left: 300px;
}

.bubble.az {
    bottom: 196px;
    left: 50px;
}

.bubble.co {
    bottom: 254px;
    left: 150px;
}

.bubble.ga {
    bottom: 155px;
    left: 435px;
}

.bubble.in {
    bottom: 270px;
    left: 400px;
}

.bubble.ky {
    bottom: 215px;
    left: 425px;
}

.bubble.ms {
    bottom: 155px;
    left: 365px;
}

.bubble.tn {
    bottom: 191px;
    left: 455px;
}

.bubble.tx {
    bottom: 160px;
    left: 190px;
}

.popup {
     cursor: pointer;
}

.popup-modal {
    display: none;
    position: absolute;
    top: 100px;
    left: 50%;
    width: 940px;
    margin-left: -470px;
    background-color: transparent;
    z-index: 100;   
    padding-bottom: 30px;   
}

.popup-container {
    background-color: #ffffff;
    border: 1px solid #ccc;
    z-index: 100;
    padding: 30px; 
}

ul.secondary-menu li {
     margin-left: 5px;   
}

.popup-modal h3 {
    color: #2CA4BA;
}

.popup-modal p {
     color: #9B1722;
     margin-bottom: 0px;   
     font-weight: bold;
}
.popup-modal ul {
     margin-top: 0px;   
     font-weight: normal;
     list-style: none;
     color: #000000;
}
.popup-modal li {
     padding-bottom: 0px;   
     padding-left: 0px;
}
.popup-modal li:before {
     content: "";   
}
.popup-modal div.left, .popup-modal div.right {
    display: block;
    width: 24%;
    float: left;
}

.close-modal {
    cursor: pointer;
     position: absolute;
     top: 15px;
     right: 15px;
     width: 20px;
}

/*  *   *   *   *   *   *   *   *   *   *   *

Media Queries

*   *   *   *   *   *   *   *   *   *   *   */

/*  *   *   *   *   *   *   *   *   *   *   *

Desktop Styles

*   *   *   *   *   *   *   *   *   *   *   */

@media screen and (min-width:1200px) {

}

/*  *   *   *   *   *   *   *   *   *   *   *

Desktop (Retina Display) Styles

*   *   *   *   *   *   *   *   *   *   *   */

@media screen and (min-width:1200px) and (-webkit-device-pixel-ratio: 2) {

}

/*  *   *   *   *   *   *   *   *   *   *   *

Tablet Styles

*   *   *   *   *   *   *   *   *   *   *   */

@media screen and (max-width:1199px) and (min-width:700px) {

}

/*  *   *   *   *   *   *   *   *   *   *   *

Mobile Styles

*   *   *   *   *   *   *   *   *   *   *   */

@media screen and (max-width:699px) {

}

/*  *   *   *   *   *   *   *   *   *   *   *

iPhone 5/5C/5S Styles

*   *   *   *   *   *   *   *   *   *   *   */

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) 
and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 40/71) {

}

/*  *   *   *   *   *   *   *   *   *   *   *

iPhone 4S Styles

*   *   *   *   *   *   *   *   *   *   *   */

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) 
and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3) {

}

/*  *   *   *   *   *   *   *   *   *   *   *

iPad / iPad Mini Styles

*   *   *   *   *   *   *   *   *   *   *   */

@media only screen and (min-device-width: 700px) and (max-device-width: 1199px) 
and (-webkit-device-pixel-ratio: 1) and (device-aspect-ratio: 3/4) {

}

/*  *   *   *   *   *   *   *   *   *   *   *

iPad / iPad Mini (Retina Display) Styles

Note: The iPad / iPad Mini (Retina Display) will respond to the standard iPad Media Queries
if no additional styles are placed in this stylesheet.

*   *   *   *   *   *   *   *   *   *   *   */

@media only screen and (min-device-width: 700px) and (max-device-width: 1199px) 
and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 3/4) {

}

/*  *   *   *   *   *   *   *   *   *   *   *

Portrait Orientation Styles

Combine with mobile or tablet to avoid changing styles while resizing desktop windows.

*   *   *   *   *   *   *   *   *   *   *   */

@media screen and (orientation:portrait) {

}

/*  *   *   *   *   *   *   *   *   *   *   *

Landscape Orientation Styles

Combine with mobile or tablet to avoid changing styles while resizing desktop windows.

*   *   *   *   *   *   *   *   *   *   *   */

@media screen and (orientation:landscape) {

}

/*  *   *   *   *   *   *   *   *   *   *   *

End of Media Queries

*   *   *   *   *   *   *   *   *   *   *   */