/*html { font-size: 62.5%; }*/

* {
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, .lead, p, ul, li{
    font-family: 'Raleway', 'Poppins', sans-serif;
    color: #000000;
}

/* Blog Heading */

article h1, article h2, article h3, aside h2, aside h3 {
    font-family: 'Poppins', sans-serif;
    color: #000000;
    font-weight: bold;
}

.container h2{
	text-transform: uppercase;
	font-weight: bold;
}

blockquote{
    border: none;
    padding:5rem;
    background:#fff;
    border-radius: 3px;
    -webkit-box-shadow: 0px 2px 25px 2px rgba(0,0,0,0.1);
    -moz-box-shadow:0px 2px 25px 2px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 25px 2px rgba(0,0,0,0.1);
}

blockquote footer {
    text-align: left;
    display: block;
    margin-top: 2rem;
}

blockquote:before {
    content: open-quote;
    position: absolute;
    left:-10rem;
    top: -2rem;
    font-family: "Noto Serif", Georgia, "Times New Roman", Times, serif;
    font-size:20rem;
    color:#fff;

}

blockquote:after {
    content: close-quote;
    position: absolute;
    right:-10rem;
    top: -2rem;
    font-family: "Noto Serif", Georgia, "Times New Roman", Times, serif;
    font-size:20rem;
    color:#fff;
}

.dropdown-menu {
    background-color: #fff;
    border: none;
    border-radius: 3px;
    -webkit-box-shadow: 0px 4px 5px 2px rgba(0,0,0,0.2);
    -moz-box-shadow:0px 4px 5px 2px rgba(0,0,0,0.2);
    box-shadow: 0px 4px 5px 2px rgba(0,0,0,0.2);
}


.hidden {
    display: none;
}

.widget {
    font-size:1.2rem;
    color:#aaa;
}

.widget ul li {
    margin-bottom: 10px;
}

.widget a{
    color: #636363;
}

figure, figcaption {
    max-width: 100%;
    font-size: 1.4rem;
    font-style: italic;
    margin-bottom:2rem;
    text-align: center;
}

figure img {
    max-width: 100%;
}

body {
    background-image: url('../imgs/illustration-embed-tickets.png');
    background-repeat: no-repeat;
    background-position: 100% 100%;
}


article, article .panel, article .panel-body, article p {
    font-family: "Noto Serif", Georgia, "Times New Roman", Times, serif;
    font-size:1.8rem;
    color:#494949;
    line-height: 3.2rem;
}

.info-section {
    font-size:1.2rem;
    color:#aaa;
}

.info-section a {
    color: #636363;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
}

h2, h3, h4{
}

h2{
    font-size: 2.8rem;
    color:#090070;
    margin:10px 0 10px 0;
}

.oveitContent{
    padding: 10px 10px 50px 10px;
}

.oveitContent h2{
    margin: 60px 0 50px 0;
}

body{

}





.row {
    padding-right: 0px;
    margin-right: 0px;
    margin-left: 0px;
}

.megaMarginTop {
    margin-top:6rem
}

/* helper classes */
a.whiteLink{
    color:#fff;
}

a.blueLink{
    color:#0090ff;
}
/* end of helper classes */



#navigationBar{
}

#navigationBar li a{
    font-family: 'Poppins', sans-serif;
    font-size:1.6rem;
    color:#fff;
    text-shadow: none;
}



#navigationBar .navbar-default .navbar-nav>.open>a, #navigationBar .navbar-default .navbar-nav>.open>a:hover, #navigationBar .navbar-default .navbar-nav>.open>a:focus, a.dropdown-toggle{
    color:#000;
}

#navigationBar li a.btn-bordered{
    font-weight:600;
}
#navigationBar li a.btn-bordered:hover{
    background: #2783ff;
    color: #ffffff;
    transition: 
}

#navigationBar li a.important{
    color:#fff;
    font-weight:600;
}





#navigationBar li.active a{
    background:#0090ff;
    border-radius: 0.3rem;
}

#navigationBar li ul li a {
    font-family: 'Poppins', sans-serif;
    font-size: 1.6rem;
    color: #020202;
    text-shadow: none;
}


.dropdown-menu>li>a:hover {
    color: #ffffff;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
    background-image: none;
    background-color: #e5efff;
    color:#ffffff;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.active>a {
    background-image: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #ffffff;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
    background-color: #ffffff;
    color: #555 !important;
    -webkit-box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.3);
    -moz-box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.3);
    box-shadow: 2px 2px 5px 2px rgba(0,0,0,0.3);
    margin-top:-3px;
}


/** hero Section **/
.heroSection{
    background:#ffffff;
    height: 100vh;
    min-height: 800px;
    z-index:20;
}

#diagonals{
    width: 100%;
    min-height: 1000px;
    overflow: hidden;
    -ms-transform: skewY(-10deg); /* IE 9 */
    -webkit-transform: skewY(-10deg); /* Safari */
    transform: skewY(-10deg);
    transform-origin: 0% 30%;
    background: linear-gradient(160deg,#ff6789 15%, #004dc5 80%);   
    position: absolute;
    top: 0;
    left: 0;
}


#diagonals :nth-child(1) {
    display: block;
    border-radius: 10px;
    width: 50%;
    min-height: 420px;
    left: 65%;
    background: linear-gradient(160deg,#ab3bb7 35%, #ff6789 60%);
}

#diagonals :nth-child(2) {
    display: block;
    border-radius: 10px;
    width: 40%;
    min-height: 320px;
    left: 35%;
    background: linear-gradient(160deg,#ff6789 15%, #4981b9 60%);
}

#diagonals-green{
    width: 100%;
    min-height: 1000px;
    overflow: hidden;
    -ms-transform: skewY(-10deg); /* IE 9 */
    -webkit-transform: skewY(-10deg); /* Safari */
    transform: skewY(-10deg);
    transform-origin: 0% 30%;
    background: linear-gradient(160deg,#17af9a 15%, #1af1d3 80%);   
    position: absolute;
    top: 0;
    left: 0;
}


#diagonals-green :nth-child(1) {
    display: block;
    border-radius: 10px;
    width: 50%;
    min-height: 420px;
    left: 65%;
    background: linear-gradient(160deg,#a051ed 35%, #6884fb 60%);
}

#diagonals-green :nth-child(2) {
    display: block;
    border-radius: 10px;
    width: 40%;
    min-height: 320px;
    left: 35%;
    background: linear-gradient(160deg,#3eebdb 15%, #04a899 60%);
}


#diagonals-yellow{
    width: 100%;
    min-height: 1000px;
    overflow: hidden;
    -ms-transform: skewY(-10deg); /* IE 9 */
    -webkit-transform: skewY(-10deg); /* Safari */
    transform: skewY(-10deg);
    transform-origin: 0% 30%;
    background: linear-gradient(160deg,#ff8a00 15%, #fec27b 80%);   
    position: absolute;
    top: 0;
    left: 0;
}


#diagonals-yellow :nth-child(1) {
    display: block;
    border-radius: 10px;
    width: 50%;
    min-height: 420px;
    left: 65%;
    background: linear-gradient(160deg,#ffddb0 35%, #f2a031 60%);
}

#diagonals-yellow :nth-child(2) {
    display: block;
    border-radius: 10px;
    width: 40%;
    min-height: 320px;
    left: 35%;
    background: linear-gradient(160deg,#ff1055 15%, #f4628c 60%);
}



.bluestripes{
    width: 100%;
    overflow: hidden;
    -ms-transform: skewY(-10deg); /* IE 9 */
    -webkit-transform: skewY(-10deg); /* Safari */
    transform: skewY(-10deg);
    transform-origin: 0% 30%;
    background: linear-gradient(160deg,#00c8ff 15%, #E9F7F8 60%); 
    position: relative;
    top: 0;
    left: 0;
    z-index: -1;
}

.graystripes{
    width: 100%;
    overflow: hidden;
    min-height: 40rem;
    -ms-transform: skewY(-10deg); /* IE 9 */
    -webkit-transform: skewY(-10deg); /* Safari */
    transform: skewY(-10deg);
    transform-origin: 0% 30%;
    background-image: linear-gradient(to bottom right, #F7F7F7, #EAFBFF);
    position: relative;
    top: 0;
    left: 0;
    z-index: -1;
}


.bluestripes :nth-child(1) {
    border-radius: 10px;
    display: block;
    width: 50%;
    min-height: 420px;
    left: 65%;
    background: linear-gradient(160deg,#00c8ff 15%, #E9F7F8 60%);
}

.bluestripes :nth-child(2) {
    border-radius: 10px;
    display: block;
    width: 70%;
    min-height: 120px;
    left: 65%;
    background: linear-gradient(320deg,#00c8ff 15%, #E9F7F8 60%);
}



.right-image{
    position: absolute;
    right:1rem;
    z-index: 10;
}

.heroFestivals .right-image{
    top:30rem;
}

.heroTheater{
    background:#000000  url('../imgs/photos/theaters.jpg') no-repeat center bottom;
    border:none;
}

.heroTheater h1{
    color:#fff;
}

.heroBrandEvents{    
    background: #dfe9ea url('../imgs/photos/team-planning.jpg') no-repeat center 100px;
    height: 90vh;
    min-height: 700px;
    border: none;
}

.heroBrandEvents h1{
    color:#004dc5;
}


.heroPricing header{
    background: linear-gradient(160deg,#ff6789 15%, #004dc5 80%);
}

.heroTheater header{
    background: linear-gradient(160deg,#ff6789 15%, #004dc5 80%);
}

.heroBrandEvents header {
    background: linear-gradient(160deg,#ff6789 15%, #004dc5 80%);
}

.heroSectionInside{
    background:#081f4e  url('../imgs/bg-top-flat.jpg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 10vh;
    min-height: 100px;
}


.jumbotron{
    background: none;
    position: absolute;
}

.heroSection .jumbotron h1 {
    font-family: 'Raleway', 'Poppins', sans-serif;
    color: #fff;
    font-size: 4.4rem;
    font-weight: 400;
}

.heroTheater .jumbotron h1{
    color:#ffffff;
}

.heroBrandEvents .jumbotron h1 {
    font-family: 'Raleway', 'Poppins', sans-serif;
    color: #e50b77;
    font-weight: 300;
    text-shadow: 1px 1px 0px rgba(256, 256, 256, 0.35);
}



.heroSection .fa {
    font-weight: 100;
}

.heroDetails {
    font-family: 'Poppins', sans-serif;
    color: #fff;
    font-size: 1.6rem;
    padding:3rem 0 1rem 0;
    margin:1rem 0 1rem 0;
    line-height: 1.4;
}

.heroTheater .heroDetails {
    color:#d3d3d3;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.95);
    max-width: 40rem;
    margin:0 auto;

}

.heroBrandEvents .heroDetails {
    color:#6e6e6e;
    text-shadow: 1px 1px 0px rgba(256, 256, 256, 0.55);
    max-width: 40rem;
    margin:0 auto;

}

.heroBrandEvents #linkToContent {
    color: #e50b77;
}

.heroDetailsSmall {
    font-family: 'Poppins', sans-serif;
    color: #ffffff;
    font-size: 1.7rem;
    padding:3rem 0 3rem 0;
    line-height: 1.25;
    text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.25);
}

.label-oveit {
    background-color: #ec008c;
}

.label-default a{
    color: #ffffff;

}

.label-default a:hover {
    color: #B8ECFB;
}



.heroInput {
    height: 8.5rem;
    padding: 1.6rem 2rem;
    line-height: 1.3333333;
    border-radius: 0.3rem;
    border:1px solid #2783ff;
    -webkit-box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.15);
    box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.15);
    font-family: 'Poppins', sans-serif;
    font-weight:300;
    font-size:3rem;
}

.heroBtn {
    height: 7.5rem;
    padding: 1.6rem 5.5rem;
    line-height: 1.9;
    border-radius: 0.3rem;
    background-color:#ff7300;
    font-family: 'Varela Round', sans-serif;
    color: #ffffff;
    font-size: 2.2rem;
	-webkit-box-shadow: 2px 2px 33px 5px rgba(0,0,0,1);
	-moz-box-shadow: 2px 2px 33px 5px rgba(0,0,0,1);
	box-shadow: 2px 2px 33px 5px rgba(0,0,0,1);
}

.heroBtn:hover{
    color:#ffffff;
    background: #090070;
}



/** STARTOF Redefining default Bootstrap buttons **/

.navbar-default{
    background:none;
    border:none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin-bottom: 3rem;


}

.navbar-brand{
    padding: 15px 0px;
}

.navbar-default .navbar-toggle .icon-bar{
    background-color: #0090ff;
}

.navbar-default .navbar-toggle {
    border-color:#d8eeff;
}


.navbar-default .navbar-collapse {
    border:none;
}

.navbar-toggle{
    padding: 15px 15px;
    margin-top: 35px;
    margin-right: 35px;
}

.navbar-collapse {
    webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.navbar-text{
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
}

footer{

}

footer .largeLink{
    font-size:3rem;
}

footer .navbar-text{
    font-size:1.2rem;
}

footer .navbar-text a{
    margin-left: 2rem;
}

.well{
    background: none;
    border:#ffffff;
    margin:3rem 0 3rem 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.well .h3{
    color:#ffffff;
}

.label{
    font-family: 'Varela Round', sans-serif;
    font-weight: 400;
    padding: .1em .4em .2em .4em;
    font-size: 100%;
    border-radius: .15em;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
    -webkit-appearance: none;
    -webkit-box-shadow: 0px 0px 32px 1px rgba(0,144,255,0.84);
    -moz-box-shadow: 0px 0px 32px 1px rgba(0,144,255,0.84);
    box-shadow: 0px 0px 32px 1px rgba(0,144,255,0.84);
}


.btn {
    border-radius: 0.3rem;
    border:none;
    -webkit-box-shadow: 2px 2px 33px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 2px 2px 33px 1px rgba(0,0,0,0.2);
    box-shadow: 2px 2px 33px 1px rgba(0,0,0,0.2);
    transition: all 0.3s ease;
}

.img-rounded{
	border:none;
    -webkit-box-shadow: 2px 2px 33px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 2px 2px 33px 1px rgba(0,0,0,0.2);
    box-shadow: 2px 2px 33px 1px rgba(0,0,0,0.2);	
}

.btn small {
    font-size:1.4rem;
}

.btn-primary {
    border:none;
    background: #0090ff;
    font-family: 'Varela Round', sans-serif;
    text-shadow: none;
}

.btn-primary:hover {
    background: #090070;
}

.btn-info {
    border:none;
    background: #6dafe1;
    font-family: 'Varela Round', sans-serif;
    font-weight: 400;
    text-shadow: none;

}

.btn-info:hover {
    background: #0090ff;
}

.btn-bordered{
    background: #ff7300;
    color: #ffffff; 
    text-shadow: none;
}

.btn-bordered:hover{
    background: #6dafe1;
    color: #ffffff;
}


.btn-white {
    border:none;
    background: #ffffff;
    font-family: 'Varela Round', sans-serif;
    font-weight: 400;
    color: #0090ff;
    text-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

}

.btn-white:hover {
    background: #ceeaff;
    color: #0090ff;
}


.btn-lg{
    font-size:2.4rem;
}

/**  ENDOF Redefining default Bootstrap buttons **/


.panel {
    border: none;
    padding: 5rem;
    background: #fff;
    border-radius: 3px;
    -webkit-box-shadow: 0px 2px 25px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 2px 25px 2px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 25px 2px rgba(0,0,0,0.1);
}


.slightlyLeft {
    margin-left: -15%;
}

.panel{
    margin:2rem 0 2rem 0;
}

.panel-heading{
    font-weight: bold;
    font-size:1.8rem;
    font-family: 'Raleway', 'Poppins', sans-serif;
}

.panel-body{
    margin:0rem 0 2rem 0;
    font-family: 'Raleway', 'Poppins', sans-serif;
    font-size:1.5rem;
    color:#373737;
}

.contentPaddedTop{
    margin-top:2rem;
}

.contentPaddedTop2x{
    margin-top:4rem;
}

.contentPaddedTop3x{
    margin-top:6rem;
}

.paddedLeft{
    padding-left:15px;
}

.paddedRight{
    padding-right:15px;
}

.smallContainer h2 {
    font-size:2.8rem;
    color:#090070;
    font-weight: bolder;

}

.midContainer{
    width:90rem;
}

.midContainer h2{

    font-size:2.8rem;
    color:#090070;
}
/** Illustration area **/
.topIllustration {
    height: 23rem;
    line-height: 23rem;
}

.blueArea {
    background: #0090ff;
    padding:6rem 1rem 5rem 1rem;
    min-height: 30rem;
}

.lightYellowArea {
    background: #fff1de;
    padding:6rem 1rem 5rem 1rem;
    min-height: 30rem;
    color:#000000;
}

.lightBlueArea {
    background-image: linear-gradient(to bottom right, #30bce1, #0292b9);
    padding:6rem 1rem 5rem 1rem;
    min-height: 30rem;
    color: #000000;
    margin-top: 5rem;
}



.lightGreenArea {
    background-image: linear-gradient(to bottom right, #1fbeea, #00c1b0);
    padding:6rem 1rem 5rem 1rem;
    min-height: 30rem;
    color: #000000;
    position: relative;
    padding-top:110px;
}



.blueArea .btn-primary {
    border: 1px solid #ffffff;
}

/*.blueArea .btn-primary:hover {*/
    /*border: 1px solid #27a9ff;*/
/*}*/

.teamArea {
    background: #e3eaff url("../imgs/photos/teamwork.jpg") center top no-repeat;
    padding:6rem 1rem 5rem 1rem;
    min-height: 700px;
}

.teamArea h2{
    color: #ffffff;
    font-size: 3rem;
    font-weight: 300;
}

.teamArea p, .teamArea li{
    color: #ffffff;
}

.festivalArea {
    background: #e3eaff url("../imgs/photos/young-people.jpg") center top no-repeat;
    padding:6rem 1rem 5rem 1rem;
    min-height: 700px;
}

.festivalArea h2{
    color: #ffffff;
    font-size: 3rem;
    font-weight: 300;
}

.festivalArea p, .festivalArea li{
    color: #ffffff;
}


.rfidArea {
    background: url("../imgs/photos/rfid-tags-apps.jpg") center top no-repeat;
    padding:6rem 1rem 5rem 1rem;
    min-height: 700px;
}



.content-white {
    color:#ffffff;
    line-height: 2rem;
    font-family: 'Poppins', sans-serif;
    font-size: 1.5rem;
}


/** Pricing area **/

.pricingArea {
    background: #e3eaff url("../imgs/bg-payments.png") left top no-repeat;
    padding:10px 10px 50px 10px;
    min-height: 700px;
}

.pricingArea .panel{
    min-height: 70rem;
}

.pricingPanelSoft{
    background: #ffffff;
    border-radius: 5px;
    border: none;
    min-height: 70rem;
}

.pricingPanelSoft:hover{
    background:#e1f2ff;
}

.pricingPanelLink:hover{
    text-decoration: none;
}

.pricingPanelSoft .panel-heading{
    color: #0090ff;
}

.pricingPanelSoft .panel-body{
    color: #090070;
}

.pricingPanelSoft .panel-heading small{
    font-size:1.4rem;
}

.pricingPanelSoft .panel-heading h3{
    font-size:4.6rem;
    color: #0090ff;
}

.pricingPanelSoft .panel-heading .label-offer {
    display:block;
    background: #ffa405;
    font-family: 'Varela Round', sans-serif;
    font-size: 1.4rem;
    font-weight: 400;
    padding: 10px 0 10px 0;
    width:80%;
    margin:0 auto;
}

.pricingPanelStrong{
    background: #ffffff;
    border-radius: 5px;
    border: 1px solid #0090ff;
}

.pricingPanelStrong:hover{
    background:#e1f2ff;
    border: 1px solid #005292;
}

.pricingPanelStrong:hover .panel-heading{
    background:#004dc6;
}

.pricingPanelStrong .panel-heading{
    background:#0090ff;
    color: #ffffff;
}

.pricingPanelStrong .panel-body{
    color: #090070;
}

.pricingPanelStrong .panel-heading small{
    font-size:1.4rem;
}

.pricingPanelStrong .panel-heading h3{
    font-size:4.6rem;
    color: #ffffff;
}


/** Logos content **/

.columnSize300 {
    height: 20rem;
    line-height: 20rem;
}

.grayLogos {
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}





/** Features area **/

.featuresArea{
    background: url("../imgs/bg-features.png") center top no-repeat;
    min-height: 80rem;
    font-size: 1.4rem;
    color:#5e5e5e;
    padding-bottom: 50px;
}

.featuresArea .img-responsive {
    margin: 0 auto;
}

.featuresArea h3{
    font-size: 1.8rem;
    font-family: 'Varela Round', sans-serif;
    color: #090070;
    margin:5px 0;
    font-weight: bold;
}

.featuresArea .panel{
    min-height: 40rem;
}


.featuresArea .panel-heading{
    padding:10px 0;
}

.featuresArea .panel-body{
    margin:0;
    padding: 0;
}

.featuresDetails .panel-body{
    padding:3rem;
}

.featuresDetails:hover {
    cursor:pointer;
    border:1px solid #c3d3ec;
    background:#ffffff;
    -webkit-box-shadow: 1px 1px 0px 1px rgba(229,229,229,1);
    -moz-box-shadow: 1px 1px 0px 1px rgba(229,229,229,1);
    box-shadow: 1px 1px 0px 1px rgba(229,229,229,1);
}

.label-heading {
    font-size: 1.5rem;
    text-transform: uppercase;
    background: #ffffff;
    border:.1rem solid #d5d9db;
    color:#9f9f9f;
    padding-bottom: .1em;
}


.form-control {
    padding: 1.2rem 1.5rem;
    line-height: 1.3333333;
    border-radius: 0.3rem;
    border: 1px solid #b8a7bf;
}


/** STARTOF media vars **/




@media (min-width: 1200px){
    .smallContainer {
        width: 600px;
    }
    .midContainer {
        width: 90rem;
    }

    
}


@media (min-width: 992px){
    .smallContainer {
        width: 600px;
    }
    .midContainer {
        width: 90rem;
    }

    
}


@media (max-width: 1280px){

    .right-image{
        right:10px;
        bottom: 10px;
    }

    

    .right-image img{
         width: 500px;
    }

    .oveitContent{
        margin-top: 20rem;
    }

    
}

@media (max-width: 1024px){

    .right-image{
        right:10px;
        bottom: 10px;
    }

    .heroFestivals .right-image{
        display:none;
    }

    .right-image img{
         width: 400px;
    }

    #navigationBar {
        padding:3rem 0;
    }

    #navigationBar li a{
        font-size: 1.2rem;
    }


    
}

@media (max-width: 890px){

    .right-image{
    	right:10px;
    	bottom: 10px;
	}

	.right-image img{
		 width: 300px;
	}

    .heroFestivals .right-image{
        display:none;
    }


    .oveitContent{
        margin-top: 40rem;
    }

}

@media (min-width: 768px){

    .teamArea {
        background: #e3eaff url("../imgs/photos/teamwork.jpg") 65% top no-repeat;
    }

    #navigationBar {
        padding:3rem 0;
    }
    .midContainer {
        width: 90rem;
    }

    .oveitContent{
        margin-top: 20rem;
    }


    



}



@media (max-width: 768px){
    .teamArea {
        background: #e3eaff url("../imgs/photos/teamwork.jpg") 70% top no-repeat;
    }

    .right-image{
    	display: none;
	}

    .heroFestivals .right-image{
        display:none;
    }

    .navbar-nav {
        margin: 0;
    }


    .heroSection{
        height: auto;
    }

    .heroSectionInside{
        height:auto;
    }

    .smallContainer {
        width: auto;
    }
    .midContainer {
        max-width: 60rem;
        width: auto;

    }

    #navigationBar li a{
        text-align: center;
        font-size: 2.7rem;
        padding: 2rem;
    }

    .imgScanners {
        background:#edf2f5;
    }

    .heroInput {
        height: 8.5rem;
        width:50%;
        line-height: 1.3333333;
        font-size:2.5rem;
    }

    .heroBtn {
        height: 8.5rem;
        line-height: 1.3333333;
        font-size:2.4rem;
        padding: 1.2rem;
    }


    .featuresArea .panel{
        min-height: 20rem;
    }


    .graystripes{
        min-height: 20rem;
    }

}





/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) and (max-width : 480px) {

    .oveitContent{
        margin-top: 17rem;
    }

    .heroSection h1 {
        color:#fff;
    }

    .heroBrandEvents .heroDetails {
        text-shadow: none;
        color:#fff;
    }

    .heroSection{
        background: linear-gradient(160deg,#ff6789 15%, #004dc5 80%);
        border-bottom: 1px solid #00c9ff;
    }


    .heroInput {
        height: 8.5rem;
        width:100%;
        line-height: 1.3333333;
        font-size:2.5rem;
    }

    .heroBtn {
        height: 5.5rem;
        line-height: 1.9;
        font-size:1.6rem;
        padding: 1.2rem;
    }
    .right-image{
    	display:none;
	}



}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {

    .heroSection h1 {
            color:#fff;
        }

    .heroBrandEvents .heroDetails {
        text-shadow: none;
        color:#fff;
    }

    .heroSection{
        background: linear-gradient(160deg,#ff6789 15%, #004dc5 80%);
        border-bottom: 1px solid #00c9ff;
    }

	.oveitContent{
        margin-top: 15rem;
    }


    .navbar-brand img {
        width: 175px;
        height: auto;
    }

    .navbar-toggle {
        margin-right: 15px;
    }

    .jumbotron {
        padding-top: 0;
    }

    .heroSection .jumbotron h1 {
        font-size: 2.4rem;
    }

    .heroDetails {
        font-size:1.4rem;
        padding:1rem 0 2rem 0;
        margin:0;
        text-shadow: none;
    }

    .btn-lg{
        font-size:1.6rem;
        font-weight: 400;
    }

    .heroInput {
        height: 8.5rem;
        width:100%;
        line-height: 1.3333333;
        font-size:2.5rem;
    }

    .heroBtn {
        height: 4.5rem;
        line-height: 1.4;
        font-size:1.8rem;
    }


    .graystripes{
        min-height: 5rem;
    }


}




/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
    .heroSection{
        height: auto;
    }

    .smallContainer {
        width: 600px;
    }
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
    /* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
    /* Styles */
}

.post-navigation {
    display: none;
}

.alignright{
    float:right;
    padding:2rem;
}

.alignleft{
    float:left;
    padding:2rem;
}

.size-large{
    width: 100%;
    height: auto;
}