#container {max-width: 960px; 
margin:0 auto; }

h1 {border: 3px solid #168A6A;
    font-size: 40px;
    margin-left: 30px;
    margin-right: 30px; 
padding:10px;
text-align: center;
font-family: 'Raleway', sans-serif;}


h3 {border: 3px solid #168A6A;
/*
    margin-left: 420px;
    margin-right: 420px; 
*/
    width: 70px;
padding:5px;
text-align:center;
    font-size: 23px;
    margin: 0 auto;
    margin-top: 10px;
font-family: 'Trirong', serif}


li { font-family: 'Roboto Condensed', sans-serif;
font-size: 23px;}

p {
    font-family: 'Trirong', serif }

h4{text-align: center;
font-family: 'Raleway', sans-serif;
font-size: 20px; }

body {background-color:#E3BCE8; }

section {float:right; 
margin: 20px; }

@media screen and (max-width: 959px) {
#container { max-width: 720px; }
    .picture {width: 100%;
        display: block;
        margin: 0 auto; }
    
    
@media screen and (max-width: 736px) {
    #container {width: 520px;}
    .picture {width: 100%;}
    section {width: 500px;
            float: none;}
    
@media screen and (max-width: 520px) {
    #container {width: 400px;}
    .picture {width: 100%;}
    section {width: 325px;
            float:none;}