/* Media Queries */





/* Smaller than standard 960 (devices and browsers) */

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

   }





/* Tablet Portrait size to standard 960 (devices and browsers) */

   @media only screen and (min-width: 768px) and (max-width: 959px) {



/* layout */

#intro-title {

font-size: 120px;

line-height: 120px;

}



#intro-subtitle {

margin: -100px auto 0 auto;

}



h1 {

font-size: 45px;

padding: 35px 0 0 0;

}



h2 {

font-size: 25px;

}



.lower-content {

	text-align:center;

padding: 55px 0 0 0;

}



/* menu */

.menu {

display: none;

visibility: hidden;

}



/* menu mobile */

.menu-mobile {

position: relative;

font-family: 'Oswald', sans-serif;

font-size: 15px;

font-style: normal;

font-weight: 400;

text-transform: uppercase;

-webkit-font-smoothing: antialiased;

width: auto;

top: 65px;

right: 30px;

display: inherit;

visibility: visible;

z-index: 1000;

}



/* social icons */

.social-icons-wrapper {

display: none;

visibility: hidden;

}



/* closer */

.fire-closer {

left: 30px;

top: 30px;

}



   }





/* All Mobile Sizes (devices and browser) */

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

   }





/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */

   @media only screen and (min-width: 480px) and (max-width: 767px) {



/* layout */

#intro-wrapper {

position: relative;

top: 112px;

}



#intro-top-line {

display: none;

visibility: hidden;

}



#intro-top {

font-size: 25px;

line-height: 25px;

text-align: center;

margin: 0;

padding: 0;

}



#intro-bottom-line {

display: none;

visibility: hidden;

}



/* teaser */

#teaser {	

text-align: center;

margin: -22px 0 0 0;

}



#intro-title {

font-size: 120px;

line-height: 120px;

}



#intro-subtitle {

	margin-left:60px;



}



h1 {

font-size: 45px;

padding: 35px 0 0 0;

}



h2 {

font-size: 25px;

}



.lower-content {

padding: 75px 0 0 0;

}



/* borders */

.borders {

display: none;

visibility: hidden;

}





/* menu */

.menu {

display: none;

visibility: hidden;

}



/* menu mobile */

.menu-mobile {

position: relative;

font-family: 'Oswald', sans-serif;

font-size: 15px;

font-style: normal;

font-weight: 400;

text-transform: uppercase;

-webkit-font-smoothing: antialiased;

width: auto;

top: 8px;

right: 15px;

display: inherit;

visibility: visible;

z-index: 1000;

}



/* social icons */

.social-icons-wrapper {

display: none;

visibility: hidden;

}





/* closer */

.fire-closer {

left: 30px;

top: 15px;

}



/* dividers */

.divider-left-top {

display: none;

visibility: hidden;

}



.divider-right-top {

display: none;

visibility: hidden;

}



.divider-left-bottom {

display: none;

visibility: hidden;

}



.divider-right-bottom {

display: none;

visibility: hidden;

}



   }





/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

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



/* layout */

#intro-wrapper p {



position: relative;

top: 20px;

}



#intro-top-line {

display: none;

visibility: hidden;

}



#intro-top {

font-size: 25px;

line-height: 25px;

text-align: center;

margin: 0;

padding: 20px 0 0 0;

}



#intro-bottom-line {

display: none;

visibility: hidden;

}



/* teaser */

#teaser {

text-align: center;

margin: 2px 0 0 0;

}



#intro-title {

font-size: 110px;

line-height: 110px;

}



#intro-subtitle {

	margin-left:60px;



}



h1 {

font-size: 30px;

padding: 35px 0 0 0;

}



h2 {

font-size: 15px;

}



.lower-content p {

	font-size:16px;

padding: 55px 0 0 0;

}



/* borders */

.borders {

display: none;

visibility: hidden;

}









/* menu */

.menu {

display: none;

visibility: hidden;

}



/* menu mobile */

.menu-mobile {

position: relative;

font-family: 'Oswald', sans-serif;

font-size: 15px;

font-style: normal;

font-weight: 400;

text-transform: uppercase;

-webkit-font-smoothing: antialiased;

width: auto;

top: 8px;

right: 15px;

display: inherit;

visibility: visible;

z-index: 1000;

}

/* social icons */

.social-icons-wrapper {

display: none;

visibility: hidden;

}







/* closer */

.fire-closer {

left: 30px;

top: 15px;

}



/* dividers */

.divider-left-top {

display: none;

visibility: hidden;

}



.divider-right-top {

display: none;

visibility: hidden;

}



.divider-left-bottom {

display: none;

visibility: hidden;

}



.divider-right-bottom {

display: none;

visibility: hidden;

}



   }