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

body{
    background-color: #f1f2f4;
}
main {
    width: 80%;
    height: 100%;
    padding: auto;
    margin-right: auto;
    text-align: center;
    margin-bottom:30px;
    margin-top: 30px;
    margin-left: auto;
    
  }
h2,h3{
    text-align: center;
}
h4{
    padding-left: 2%;
}
div,p{
    padding: 2%;
}
li{
    margin-left: 5%;
}
a{
    color: #708090;
}

a.f-right{
    float: right;
    color: white;
}
div.bottom{
    padding: 0;
}
.pic1, .pic2, .pic3{
    height:auto;
    padding: 2%;    
}
.pic1{
    float: right;
    width: 40%;
}
.pic2{
    float: left;
    width: 45%;
}
.pic3{
    float: right;
    width: 50%;
}
.var{
    clear: both;
}