/* Emily Hartung */

@charset "UTF-8";
/* CSS Document */



/*fonts*/




/*In the body set bg-image or bg-color NEVER, set width & height*/

body{background-image:url("images/background.png");
    background-repeat: repeat;}

nav{height:60px;
    width:360px;
    font-family: 'Montserrat', sans-serif;
    background-color:rgba(175,175,175,.7);
    padding:0px;
    text-align: center;
    float:left;
    margin-top: 50px;
    box-sizing: border-box;}

nav a {color:#FFFFFF;
        font-size: 18pt;
        text-decoration: none;
        padding:10px;
        margin: auto;
        margin-top: 75px;
        line-height: 60px;}

nav a:hover{color:#E4FCC2;
            text-decoration: none;
            background-image: url("images/rollover.png");
            background-repeat: no-repeat;
            background-position: center;}

header{width:960px;
        height:780px;
        margin:auto;
        margin-top: -755px;
        font-family: 'Montserrat', sans-serif;}

h1{ height:50px;
    width:960px;
    color:#FFFFFF;
    font-family: 'Montserrat', sans-serif;
    text-emphasis: bold;
    text-align: center;
    letter-spacing: 5px;
    font-size: 32px;
    margin: auto;
    padding-top: 100px;
    clear:both;}

h2{color:#0A486B;
    text-align: center;
     font-family: 'Montserrat', sans-serif;
    letter-spacing: 5px;
    font-size: 50px;
    margin:40px;
    padding: 10px;}

h3{color:#0A486B;
    text-align: center;
     font-family: 'Montserrat', sans-serif;
    letter-spacing: 5px;
    font-size: 20px;}

h4{color:#0A486B;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 5px;
    font-size: 30px;
    margin-top: 10px;
    margin:20px;}

h5{ height:50px;
    width:960px;
    color:#FFFFFF;
    font-family: 'Montserrat', sans-serif;
    text-emphasis: bold;
    text-align: center;
    letter-spacing: 5px;
    font-size: 45px;
    margin: auto;
    padding-top: 132px;
    clear:both;}

h6{color:#0A486B;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 4px;
    font-size: 30px;
    margin-top: 10px;
    margin:20px;}

hr{height:2px;
    width:960px;
    background-color:#FFFFFF;
    margin:auto;}

footer{height:180px;
        width:960px;
        background-color: #2B1538;
        clear:both; 
        margin: auto;
        padding-bottom: 5px;}

footer a{color: #FFFFFF;
        text-decoration: none;
        font-family: 'Montserrat', sans-serif;}

footer a:hover{color:#E4FCC2;
        text-decoration: underline;}




/*IDs need a # ........ Classes need a .*/
    
#gif{height: 200px;
    width: 960px;
    text-align: center;
    margin:10px;
    padding:20px;}

#gif img:hover{opacity:.5;}

#container{height:1150px;
           width:1000px;
           margin: auto;}

#info{height:800px;
        width:310px;
        float:right;
        text-align: center;
        font-family: 'Montserrat', sans-serif;
        text-decoration-color: #2B1538;
        color:#2B1538;
        margin:10px;
        margin-top: -275px;}

#info img:hover{opacity:.5;}


#visit{height:250px;
        width:550px;
        float:left;
        text-align: left;
        font-family: 'Montserrat', sans-serif;
        text-decoration-color: #2B1538;
        color:#2B1538;
        font-size: 18px;
        margin: 50px;
        margin-top: -30px;
        padding:10px;}

#special{height:500px;
        width:550px;
        float:left;
        text-align: center;
        text-decoration-color: #2B1538;
        color:#2B1538;
        font-family: 'Montserrat', sans-serif;
        font-size: 18px;
        margin:auto;
        margin-top: 80px;
        margin-left: 50px;
        padding:10px;}


/* Classes */

.hero {width:960px;
        height:783px;
        margin:auto;
        box-sizing: border-box;
        background-image: url("images/hero.png");
        background-repeat: no-repeat;}

.logo{ height: 250px;
        width:240px;
        margin:auto;
        margin-top: 5px;
        float:left;}

.logo img:hover{opacity:.8;}

.social{height:60px;
        width:960px;
        clear:both;
        background-color: #887E91;
        text-align: center;
        padding-top: 10px;
        margin:auto;}

.social img:hover{opacity:.5;}

.footer{height:150px;
        width: 1000px;
        text-align: center;
        color: #FFFFFF;
        margin: auto;
        font-family: 'Montserrat', sans-serif;
        clear: both;
        padding-bottom: 10px;}

.blue{color:#0A486B;}

.purple {color:#5A1A66;
        font-size: 18px;}


/* INFO CSS TAGS */
.heroinfo {width:960px;
        height:780px;
        margin:auto;
        margin-top: 20px;
        box-sizing: border-box;
        background-image: url("images/info_hero.jpg");
        background-repeat: no-repeat;}

.container_info{height:1550px;
           width:1000px;
           margin: auto;
           padding:20px;}

.contact{height:520px;
            width:560px;
            float:left;
            text-align: center;
            font-family: 'Montserrat', sans-serif;
            color:#2B1538;
            background-image: url("images/info_background.png");
            background-repeat: no-repeat;}

.contact a {text-decoration: none;
                    color:#2B1538;}

.contact a:hover {color:#E4FCC2;
                            text-decoration: none;}

.info_location{height: 500px;
                width: 560px;
                float: left;
                text-align: left;
                font-family: 'Montserrat', sans-serif;
                color:#2B1538;}

.map{height:455px;
    width:405px;
    float:right;
    margin-top: 35px;
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 5px;
    background-color:#2B1538;}

.faq{height:600px;
     width:960px;
     margin: auto;
     clear:both;
     text-align: center;
     font-family: 'Montserrat', sans-serif;
     font-size: 20px;
     color: #2B1538;
     margin-top:-700px;
     padding:25px}

/* HISTORY CSS TAGS */

.herohistory {width:960px;
        height:750px;
        margin:auto;
        margin-top: 20px;
        box-sizing: border-box;
        background-image: url("images/history_hero.jpg");
        background-repeat: no-repeat;}

.container_history{min-height:3500px;
           width:1000px;
           margin: auto;
           padding:100px;}


.history{height:3400px;
        width:960px;
        float:left;
        text-align: left;
        font-family: 'Montserrat', sans-serif;
        text-decoration-color: #2B1538;
        margin-top: -100px;
        padding:25px;}

.images_history1{height: 500px;
    width: 300px;
    text-align: center;
    float:left;
    margin:auto;
    margin-top: 25px;
    padding: 10px;
    margin-bottom: -200px;}

.images_history2{height: 500px;
    width: 300px;
    text-align: center;
    float:left;
    margin:auto;
    margin-top: 110px;
    padding: 10px;
    margin-bottom: -200px;}



/* SHOP CSS TAGS */

.heroshop {width:960px;
        height:780px;
        margin:auto;
        margin-top: 20px;
        box-sizing: border-box;
        background-image: url("images/shop_hero.jpg");
        background-repeat: no-repeat;}

.shop_container{height:4675px;
           width:1000px;
           margin: auto;
           padding:100px;}

.shop_headline{height:100px;
        width:960px;
        font-family: 'Montserrat', sans-serif;
        margin:auto;
        margin-top:-100px;
        margin-bottom: 100px;
        padding:25px;}

.shop_headline_souvenir{height:100px;
        width:960px;
        font-family: 'Montserrat', sans-serif;
        margin:auto;
        margin-top:-20px;
        margin-bottom: 20px;
        padding:25px;}


.shop_paragraph{height: 250px;
                width:960px;
                margin:auto;
                margin-bottom: 75px;
                color:#2B1538;
                font-family: 'Montserrat', sans-serif;}

.souvenir_paragraph{ height: 400px;
                width:960px;
                margin:auto;
                text-align: center;
                margin-bottom: 100px;
                margin-top: -10px;
                font-family: 'Montserrat', sans-serif;}

.shop_souvenir{height:100px;
            width:300px;
            margin:auto;
            margin-top:50px;
            margin-bottom: 100px;
            padding:10px;
            float: left;
            color:#2B1538;
            font-family: 'Montserrat', sans-serif;
            text-align: center;}

.shop_item{height:410px;
            width:300px;
            margin:auto;
            margin-top:50px;
            margin-bottom: 100px;
            padding:10px;
            float: left;
            color:#2B1538;
            font-family: 'Montserrat', sans-serif;
            text-align: center;}

.shop_item2{height:400px;
            width:300px;
            margin:auto;
            margin-top:100px;
            margin-bottom: 25px;
            padding:10px;
            float: left;
            color:#2B1538;
            font-family: 'Montserrat', sans-serif;
            text-align: center;}

.shop_item3{height:50px;
            width:300px;
            margin:auto;
            margin-top:50px;
            padding:10px;
            float: left;
            color:#2B1538;
            font-family: 'Montserrat', sans-serif;
            text-align: center;}

.shop_item a:hover {opacity:.5;}
.shop_item2 a:hover {opacity:.5;}
.shop_item3 a:hover {opacity:.5;}

/* TOURS CSS TAGS */

.herotours {width:960px;
        height:780px;
        margin:auto;
        margin-top: 20px;
        box-sizing: border-box;
        background-image: url("images/tours_hero.jpg");
        background-repeat: no-repeat;}

.tours_video{width:700px;
            height:400px;
            margin:auto;
            margin-top:-50px;
            box-sizing: border-box;}

.tours_container{height:1600px;
           width:1000px;
           margin: auto;
           padding:100px;}

.tours_headline{height:100px;
        width:960px;
        font-family: 'Montserrat', sans-serif;
        margin:auto;
        margin-top:-100px;
        margin-bottom: 100px;
        padding:25px;}

.tours_paragraph{height: 250px;
                width:960px;
                margin:auto;
                margin-bottom: 75px;
                color:#2B1538;
                font-family: 'Montserrat', sans-serif;}

.tours_admin{height: 250px;
                width:960px;
                margin:auto;
                margin-top:-100px;
                margin-bottom: 75px;
                text-align: center;
                color:#2B1538;
                font-family: 'Montserrat', sans-serif;}

#tours_admin_regular{height: 250px;
                width:480px;
                margin:auto;
                float: left;
                margin-bottom: 75px;
                text-align: center;
                color:#2B1538;
                font-family: 'Montserrat', sans-serif;}

#tours_admin_group{height: 250px;
                width:480px;
                margin:auto;
                float: right;
                margin-bottom: 75px;
                text-align: center;
                color:#2B1538;
                font-family: 'Montserrat', sans-serif;}

.tours_images{height: 500px;
            width: 300px;
            text-align: center;
            float:left;
            margin:auto;
            margin-top: 150px;
            margin-bottom: -250px;
            padding: 10px;}

.tours_group_tours{height: 250px;
                width:960px;
                margin:auto;
                margin-top:200px;
                margin-bottom: 75px;
                color:#2B1538;
                font-family: 'Montserrat', sans-serif;}



/* ORDER CSS TAGS */


.hero_order {width:960px;
        height:783px;
        margin:auto;
        box-sizing: border-box;
        background-image: url("images/order_hero.jpg");
        background-repeat: no-repeat;}

.order_container{height:500px;
           width:1000px;
           margin: auto;
           margin-top: -100px;
           padding:100px;}

.order_paragraph{ height: 450px;
                width:1000px;
                margin:auto;
                color:#2B1538;
                text-align: center;
                margin-bottom: 100px;
                margin-top: 25px;
                font-family: 'Montserrat', sans-serif;}

.order_paragraph a {text-decoration: none;
                    color:#2B1538;}

.order_paragraph a:hover {color:#E4FCC2;
                            text-decoration: none;}