@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');

body{
    font-family: 'Roboto', sans-serif;
    margin: 0;
    padding: 0;
    color: #0f0f0f;
    background-color: #E5AA70;
}

nav{
    background-color: #D27D2D;
    font-size: 250%;
    word-spacing: 2%
}

footer{
    padding-top: 1%;
    padding-bottom: 1%;
    background-color: #D27D2D;
}

.text-margin{
    margin: 0% 5% 0% 5%
}

.jumbotron{
    background-color: #d48c48;
    border-radius: 10px;
    
}
.background{
    float: right;
}

.carousel-img{
    float: left;
    border-radius: 10px;
    max-width: 40%;  
    margin: 2% 5% 2% 5%
}
.carousel-text{
    float: right;
    max-width: 40%;  
    margin: 0% 5% 0% 5%
}

.line{
    margin-top: 2%;
    margin-bottom: 2%;
    border-top: 5px solid #D27D2D;
    width: 75%;
}

.title{
    font-weight: 500;
    text-align: center;
    background-color: #d48c48;
    border-radius: 10px;
    margin: 2% 5% 2% 5%
}

p{
    font-size: larger;
}

a{
    outline:none; text-decoration:none;
    color: #0f0f0f;
    font-weight: bold;
}
a:hover{
    outline:none; text-decoration:none;
    color: brown;
    font-weight: bold;
}

.bg1{
    background-image: url(img/background1.png);
    background-size: cover;
}

.bg2{
    background-image: url(img/background21.png);
    background-size: cover;
}

[class*="col-"] {
    padding: 0;
}