#start-screen.style1
{
height: 500px;
}
.hero-slider.style1 li:first-of-type h2
{
font-size: 40px;
font-weight: 400;
}
.hero-slider.style1 li:nth-of-type(2) h2
{
font-size: 50px;
font-family: 'Dancing Script', cursive;
font-weight: 400;
}
.hero-slider.style1 li:nth-of-type(3) h2
{
font-size: 50px;
font-family: 'Dancing Script', cursive;
}
.slider-nav.style1
{
left: 0;
bottom: 25px;
width: 100%;
text-align: right;
}
@media only screen and (min-width: 1200px)
{
.hero-slider.style1 li:first-of-type h2
{
font-size: 60px;
margin-bottom: 40px;
}
.hero-slider.style1 li:nth-of-type(2) h2
{
font-size: 100px;
}
.hero-slider.style1 li:nth-of-type(3) h2
{
font-size: 90px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px)
{
.hero-slider.style1 li:first-of-type h2
{
font-size: 60px;
margin-bottom: 40px;
}
.hero-slider.style1 li:nth-of-type(2) h2
{
font-size: 80px;
}
.hero-slider.style1 li:nth-of-type(3) h2
{
font-size: 75px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px)
{
.hero-slider.style1 li:first-of-type h2
{
font-size: 50px;
}
.hero-slider.style1 li:nth-of-type(2) h2
{
font-size: 60px;
}
.hero-slider.style1 li:nth-of-type(3) h2
{
font-size: 60px;
}
}
@media only screen and (min-width: 481px)
{
#start-screen.style1
{
height: 700px;
}
.hero-slider.style1 li:nth-of-type(2)
{
text-align: left;
}
} #start-screen.style2 
{
height: 500px;
}
.hero-slider.style2  li:first-of-type h2
{
font-size: 40px;
font-weight: 400;
}
.hero-slider.style2  li:nth-of-type(2) h2
{
font-size: 50px;
font-family: 'Dancing Script', cursive;
font-weight: 400;
}
.hero-slider.style2  li:nth-of-type(3) h2
{
font-size: 50px;
font-family: 'Dancing Script', cursive;
}
.slider-nav.style2 
{
top: 15px;
right: 15px;
}
@media only screen and (min-width: 1200px)
{
#start-screen.style2 
{
margin-left: 50px;
margin-right: 50px;
}
.hero-slider.style2  li:first-of-type h2
{
font-size: 60px;
margin-bottom: 40px;
}
.hero-slider.style2  li:nth-of-type(2) h2
{
font-size: 100px;
}
.hero-slider.style2  li:nth-of-type(3) h2
{
font-size: 90px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px)
{
#start-screen.style2 
{
margin-left: 35px;
margin-right: 35px;
}
.hero-slider.style2  li:first-of-type h2
{
font-size: 60px;
margin-bottom: 40px;
}
.hero-slider.style2  li:nth-of-type(2) h2
{
font-size: 80px;
}
.hero-slider.style2  li:nth-of-type(3) h2
{
font-size: 75px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px)
{
#start-screen.style2 
{
margin-left: 20px;
margin-right: 20px;
}
.hero-slider.style2  li:first-of-type h2
{
font-size: 50px;
}
.hero-slider.style2  li:nth-of-type(2) h2
{
font-size: 60px;
}
.hero-slider.style2  li:nth-of-type(3) h2
{
font-size: 60px;
}
}
@media only screen and (min-width: 481px)
{
#start-screen.style2 
{
height: 600px;
}
.hero-slider.style2  li:nth-of-type(2)
{
text-align: left;
}
} #start-screen.style3
{
height: 1000px!important;
}
.hero-slider.style3 li:first-of-type h2
{
font-size: 40px;
font-weight: 400;
}
.hero-slider.style3 li:nth-of-type(2) h2
{
font-size: 50px;
font-family: 'Dancing Script', cursive;
font-weight: 400;
}
.hero-slider.style3 li:nth-of-type(3) h2
{
font-size: 50px;
font-family: 'Dancing Script', cursive;
}
.slider-nav.style3
{
top: 20px;
right: 45px;
bottom: 20px;
}
@media only screen and (min-width: 1200px)
{
.hero-slider.style3 li:first-of-type h2
{
font-size: 60px;
margin-bottom: 40px;
}
.hero-slider.style3 li:nth-of-type(2) h2
{
font-size: 100px;
}
.hero-slider.style3 li:nth-of-type(3) h2
{
font-size: 90px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px)
{
.hero-slider.style3 li:first-of-type h2
{
font-size: 60px;
margin-bottom: 40px;
}
.hero-slider.style3 li:nth-of-type(2) h2
{
font-size: 80px;
}
.hero-slider.style3 li:nth-of-type(3) h2
{
font-size: 75px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px)
{
.hero-slider.style3 li:first-of-type h2
{
font-size: 50px;
}
.hero-slider.style3 li:nth-of-type(2) h2
{
font-size: 60px;
}
.hero-slider.style3 li:nth-of-type(3) h2
{
font-size: 60px;
}
}
@media only screen and (min-width: 481px)
{
html,body,#start-screen.fullscreen.style3
{
height: 100%;
}
.hero-slider.style3 li:nth-of-type(2)
{
text-align: left;
}
}