@charset "UTF-8";
#body{
  background-color: #404040;
  margin: 50px;
}
/*section1*/
#section1{
  float: right;
  font-family: "Ubuntu"sans-serif;
}
/*navigationbar*/
#navigationbar{
    display: inline-block;
    float: right;
    list-style-type: none;
    background-color: #556B2F;
    text-align: center;
    margin-right: 25px;
}
#navbar{
  font-family: "Ubuntu", sans-serif;
  font-size: 18pt;
  display: inline;
  text-align: left;
}
nav ul li {
  display: inline-block;
  list-style-type: none;
}
li a{
  color:#B8860B;
  font-family:"Ubuntu",sans-serif;
  font-weight: bold;
}
li a:.hover{
  background-color:#1A1A1A;
}
#ul{
  list-style-type: none;
  display: inline-block;
}
a{
  padding-right:10px;
}
/*section2*/
#mainhead{
  text-align: center;
font-family: "Ubuntu", sans-serif;
border:none;
float:left;
padding-left: 0px;
  display: block;
}
#header1{
  color: #1A1A1A;
  background-color:#B8860B;
  font-family: "Ubuntu",sans-serif;
  background-color: #B8860B;
  font-weight: bold;
  font-style: italic;
  font-size: 34px;
}
#head1{
  color:#1A1A1A;
  background-color: #B8860B;
  text-align: center;
  font-size: 34pt;
  font-family: "Ubuntu",sans-serif;
  font-style: italic;
  font-weight: bold;
  padding: 10px;
}
/*image1*/
#divimg1{
  display: inline-block;
  font-family: "Ubuntu",sans-serif;
    background-color:#7B7737;
    margin-right: 20%;
    margin-left: 20%;
    margin-bottom: 5%;
}
#figure1{
  display: inline-block;
  background-color:#7B7737;
  margin-right: 25px;
  margin-left: 25px;
  margin-bottom: 25px;
  text-align: center;
}
  #image1{
    display: inline-block;
    width: 85%;
    margin-left: 25px;
    margin-right: 25px;
  }
    #figcap1{
      color:#FFFFFF;
      background-color:#556B2F;
      text-align: center;
      font-family: "Ubuntu", sans-serif;
      font-weight: bold;
      font-size: 22pt;
      display: inline-block;
      margin-right: 25px;
      margin-left: 25px;
    }
/*endsection2*/
/*section3*/
#section3{
  background-color:#7B7737;
  font-family: "Ubuntu", sans-serif;
  text-align: center;
  font-weight: bold;
  display: inline-block;
}
/*image2*/
#divimg2{
display: inline-block;
margin-left: 25px;
margin-right: 25px;
}
#figure2{
  color:#FFFFFF;
  background-color:#7B7737;
  font-family: "Ubuntu", sans-serif;
  text-align: center;
  font-weight: bold;
  display: inline-block;
  margin-bottom: 25px;

}
#image2{
width:50%;
display: inline-block;
margin-right: 25px;
margin-left: 25px;
}
#figcap2{
  color:#FFFFFF;
  background-color:#556B2F;
  font-family: "Ubuntu",sans-serif;
  text-align: center;
  font-weight: bold;
  font-size: 22pt;
  margin-right: 50px;
  margin-left: 50px;
}
/*endsection3*/
/*footer*/
  #foot{
    float: right;
    width:30%;
    margin-top:5%;
  }
  #head3{
  font-size: 24pt;
    font-family: "Varela", sans-serif;
  }
  #footer{
    background-color: #556B2F;
  float:left;
  color:#FFFFFF;
    padding:10px;
    padding-left: 10px;
    padding-right: 10px;
    margin-right: 50px;
    }
    #paragraph{
      text-align: justify;
      color:#1A1A1A;
        font-family: "Varela Round",sans-serif;
        font-size: 22pt;
    }
}
/*Mediascreen 768px*/
@media only screen and (min-width:768px) and (max-width:1024px){
/*Body*/
  #body{
    background-color:#404040;
    margin:2%;
  }
  /*section1*/
  #section1{
    float:right;
    font-family: "Ubuntu"sans-serif;
  }
  /*navigationbar*/
#navigationbar{
  display: inline-block;
  margin-right: 2%;
  float: right;
  background-color: #556B2F;
  text-align: left;
}
  #navbar{
    font-family: "Ubuntu", sans-serif;
    display: inline;
    text-align: left;
  }
  #ul{
    list-style-type: none;
    display: inline-block;
    margin: 0px;
  }
li a{
  color:#B8860B;
  font-family:"Ubuntu",sans-serif;
  font-weight: bold;
  font-size: 14pt;
}
li a:.hover{
  background-color:#1A1A1A;
}
a{
  padding-right:10px;
}
  /*endsection1*/
  /*enddivsec*/
  /*mainheaddiv*/
  /*section2*/
  #mainhead{
    text-align: center;
  font-family: "Ubuntu", sans-serif;
  border:none;
  float:left;
  padding-left: 0px;
    display: block;
  }
  #head1{
    font-size:18pt;
    font-style:italic;
    color: #1A1A1A;
    background-color:#B8860B;
    font-family: "Ubuntu",sans-serif;
    margin: 0px;
    margin-bottom: 1%;
    font-weight: bold;
    padding-left:1%;
  }
  #header1{
    margin-bottom:2%;
  }
  /*image1*/
  #divimg1{
    display: inline-block;
    font-family: "Ubuntu",sans-serif;
    margin-left: 0%;
    margin-right: 0%;
    background-color: #7B7737;
    }
  #figure1{
    text-align: center;
    padding-bottom: : 2%;
    padding-top: 2%;
    background-color: #7B7737;
    margin-left: 0%;
    margin-right: 0%;
  }
  #image1{
    width:50%;
    text-align:center;
display:inline-block;
  }
  #figcap1{
color: #FFFFFF;
background-color:#556B2F;
font-family: "Ubuntu", sans-serif;
font-weight: bold;
text-align: center;
display: inline-block;
font-size: 16px;
margin-bottom: 0%;
margin-top: 2%;
  }
  /*endsection2*/
  /*section3*/
  #section3{
    background-color:#7B7737;
    margin-top: 5%;
    width:50%;
    float: left;
  }
  /*image2*/
#figure2{
background-color:#7B7737;
text-align: center;
display: inline-block;
float:left;
padding-top:2%;
}
#image2{
  width:50%;
text-align: center;
display: inline-block;
margin: 2%;
}
#figcap2{
  text-align: center;
  color:#FFFFFF;
  background-color:#556B2F;
  font-family: "Ubuntu",sans-serif;
  font-weight: bold;
}
/*footer*/
#foot{
  float: right;
  width:40%;
  margin-top:5%;
}
#head3{
font-size:
  font-family: "Varela", sans-serif;
}
#footer{
  background-color: #556B2F;
float:left;
color:#FFFFFF;
  padding:10px;
  margin-right: 2%;
  }
  #paragraph{
    text-align: justify;
    color:#1A1A1A;
      font-family: "Varela Round",sans-serif;
  }