*{
	box-sizing: border-box;
}

body{
    background-color: beige;
    border-left: 20px solid orange;
    padding: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

header{
    width: 100%;
    background-color: orange;
    margin: 30px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

h1{
    font-size: 5em;
}

h2{
    font-size: 4em;
    width: 100%;
}

p{
    font-size: 1.4em;
}

a{
    font-size: 6em;
    padding: 20px;
}

div{
    width: 52%;
}

article{
    width: 95%;
    margin: 20px auto;
    padding: 20px;
    border-left:6px solid orange;
    border-right:6px solid orange;
    display: flex;
    flex-wrap: wrap;

}

img{
    width: 20%;
}



article:first-of-type{
    border: 8px dotted #CE5C00;
}

article:nth-last-of-type(3){
    display: flex;
    flex-wrap: wrap;
}

article:nth-last-of-type(3) > section{
    width: 80%;
}
article:nth-of-type(4){
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
}

article:nth-of-type(4) > section{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}