* {
    padding:0;
    margin:0;
    box-sizing: border-box;
}

html {
    width:100%;
    height:100%;
}
body {
    font-family: Arial, Helvetica, Sans-serif;
    font-size:14px;
    line-height:1.5;
    font-weight:400;
    color:#434343;
    background:#e5f4fe;
}

.container {
    width:90%;max-width:1050px;margin:0 auto;
}

header {
    margin:25px 0;
}
header img {
    width:100%;
}

.menu-trigger {
    color:#000;
    background:#d2a883;
    font-weight:700;
    text-transform:uppercase;
    padding:15px;
    margin:0 0 5px;
    cursor:pointer;
    border-radius: 5px;
}

aside {
    float:left;
    margin: 8px 0 25px;
    font-family: 'Lexend Deca', sans-serif;
    
}

#main {
    float:right;
    font-family: 'Lexend Deca', sans-serif;
    
}

h1 {
    text-align: center;
    
}

h2 {
    font-family: 'Lexend Deca', sans-serif;
    text-align: center;
    font-size: 15px;
    
}

p {
    text-align: justify;


}

footer {
    position: relative;
    top: 25px;
    clear:both;
    color:#FFF;
    background:#121212;
    margin:0 0 25px;
    font-size: 10px;
    text-align: center;
    border-radius: 5px;
}
f {
    font-family: 'Lexend Deca', sans-serif;
    font-size: 10px;
    text-align: center;
    text-decoration: none;
    
}

#scroll-to-top{
    position:fixed;
    bottom:35px;
    right:20px;
    opacity:0.8;
}
#scroll-to-top:hover{
   opacity:1;
}

p img {
    height: 10%;
}

@media (min-width: 800px) {
	aside {
        width:30%;
    }
	#main {
        width:65%;
        
    }
	
	.menu-trigger {
        display:none;
    }
	
	aside nav {
        display:block !important;
    }
	aside nav ul {
        list-style:none;
    }
	aside nav ul li {
        margin-bottom:1px;
    }
	aside nav ul li a {
        display:block;
        text-decoration:none;
        color:#000;
        background:#d2a883;
        padding:8px 20px;
        border-radius: 5px;
    }
	aside nav ul li a:hover{
        background:#212121;
        color:#FFF;}
    border-radius: 5px;
}
@media (
    max-width: 800px
) {
	aside,
	#main {
        width:100%;
        
    }
	
	.menu-trigger {
        display:block;
    
    }
	
	aside nav {
        display:none;
    }
	aside nav ul {
        list-style:none;
    }
	aside nav ul li {
        margin-bottom:1px;
    }
	aside nav ul li a {
        display:block;
        font-size:14px;
        font-weight:700;
        text-decoration:none;
        color:#fff;
        background:#333;
        padding:12px 20px;
        border-radius: 5px;
    }
	aside nav ul li a:hover{
        background:#d2a883;
        color:#FFF;
        border-radius: 5px;
    }
}