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

body {
    font-family: Arial, Helvetica, sans-serif;
}

main, header, nav, footer{
    width: 100%;
}

.img1 {
    width:200px;
}

header {
    border-bottom-style: double;
    color:#ffbd59;
}

nav {
    text-align: right;
    height:45px;
    padding:40px;
}

nav ul{
    list-style-type: none;
    float: right;
}

nav li{
    padding-top: 15px;
    margin-right: 40px;
}

nav a{
    padding: 14px;
    color: #ffbd59;
    font-size: 20px;
    text-decoration: none;
    padding-right:20px;
    margin-right:20px;
}

h1 {
    text-align: center;
    color: #f1733d;
}

nav a:hover {
    color:#f1733d;
    background-color:#ffbd59; 
}

.article1 {
    float:left;
    width: 30%;
    margin-left:50px;
    border-right-style: solid;
    margin-top: 50px;
}

.article2 {
    margin-top: 50px;
    float:right;
    width:60%;
}

.article2 img {
    float:right;
    margin-right: 25rem;
}

h2 {
    color:#f1733d;
    width:45px;
}

footer {
    clear:both;
    background-color:#ffbd59;
}

h3 {
    color:#f1733d;
    font-size:25px;
    text-align:center;
}