* {
    margin: 0%;
    padding: 0%;
}

header {
    height: 400px;
    overflow: hidden;
    /*border: 1px solid red;*/
    /*background: url('https://images.unsplash.com/photo-1494587351196-bbf5f29cff42?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1651&q=80') no-repeat;*/
    background-image: url("../img/DSC_0030.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.header-info {
    /*border: 1px solid red;*/
    /*width: 500px;*/
    margin-top: 4rem;
    /*margin-left: 4rem;*/
    color: white;
}

.header-info h1 {
    font-size: 3rem;
}

.header-info p {
    margin: 1rem 0;
    line-height: 1.5;
}

.header-info a {
    color: white;
    border: 1px solid white;
    padding: .5rem 1rem;
    display: inline-block;
    text-decoration: none;
}

main {
    padding: 0rem 0rem;
    
}

main > h1 {
    text-align: center;
    margin-bottom: 1rem;
}

.bgcontent1 {
    background: url('https://images.unsplash.com/photo-1494587351196-bbf5f29cff42?ixid=MXwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHw%3D&ixlib=rb-1.2.1&auto=format&fit=crop&w=1651&q=80');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    color: white;
}

.bgcontent2 {
    background-color: #0981BC;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    color: white;
}
.bgcontent3 {
    height: 350px;
    overflow: hidden;
    background-image: url('../img/info5.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    color: white;
}

/* .bgcontent3 {
    background-image: url('../img/info5.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    -o-background-size: 100% 100%, auto;
    -moz-background-size: 100% 100%, auto;
    -webkit-background-size: 100% 100%, auto;
    background-size: 100% 100%, auto;    
    color: white;
} */

/* .bgcontent3 {
    background-image: url('../img/info5.png');
    height: auto!important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    color: white;
} */

.bgcontent3 h1 {
    font-size: 3rem;
    text-align: center;
    margin-top: 4rem;
}

.bgcontent3 p {
    text-align: center;
    font-size: 2rem;
}

.pictures {
    margin-top: 1rem;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 2rem;
}

.pictures figure img {
    width: 100%;
    height: 250px;
}

footer {
    background-color: #324F78;
    margin-top: 0rem;
    padding: 14px;
    text-align: center;
    color: white;
}

.vision {
    height: 900px;
    overflow: hidden;
    background-image: url('../img/DSC_0030.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    color: white;
}

.vision h1 {
    font-size: 3rem;
    text-align: center;
    margin-top: 0rem;
}

.vision h2 {
    font-size: 2.5rem;
    text-align: center;
    margin-bottom: 5rem;
}

.vision p {
    text-align: center;
    font-size: 1.5rem;
}

.history {
    height: 700px;
    overflow: hidden;
    background-image: url("../img/history.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    color: white;
}

.history-map {
    height: 950px;
    overflow: hidden;
    background-image: url("../img/history-map.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
}

.history-economy {
    /* height: 750px; */
    overflow: hidden;
    background-color: #0680BC;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    color: white;
}

.pdfobject-container { 
    height: 30rem; border: 1rem solid rgba(0,0,0,.1); 
    width: 600px;
    height: 800px;
}