/*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;
  }
}
/*mediascreen 480px*/
@media only screen and (min-width:320px) and (max-width:480px) {
#body{
  background-color:#404040;
  margin:0px;
  border:0px;
}
/*section1*/
#section1{
  float:right;
  font-size: 10px;
  background-color: #556B2F;
}
/*navigationbar*/
#navigationbar{
  float:right;
  font-size: 10px;
  margin-right: 5%;
  margin-top:  2%;
  list-style-type: none;
    background-color:#556B2F;
      color: #DAA520;
      display: inline-block;
}
#navbar{
  list-style-type: none;
  float: right;
  font-size: 10px;
  margin-right: 0%;
    background-color:#556B2F;
}
#ul{
  list-style-type:none;
  margin: 0%;
  padding: 0%;
  background-color:#556B2F;
  font-size: 10px;
  float:right;
  color: #DAA520;
}
li a{
  display: inline-block;
  background-color:#B8860B;
  font-family: "Ubuntu", sans-serif;
  float: right;
  font-size: 10px;
  list-style-type: none;
  font-weight: bold;
}
li a:hover{
  background-color: #1A1A1A;
}
a{
font-size: 10px;
}
/*endsection1*/
/*section2*/
#mainhead{
  float: left;
  font-size: 10px;
  margin-left: 5%;
  margin-top: 0%;
}
#header1{
  margin-left:5%;
    margin-top: 5%;
    font-family: "Ubuntu", sans-serif;
  float:left;
  font-size: 10px;
}
#head1{
  background-color:#DAA520;
  color:#1A1A1A;
  font-family: "Ubuntu",sans-serif;
  font-size: 10px;
  float:left;
  margin-left:5%;
    margin-top: 5%;
  display: inline-block;
}
/*image1*/
#divimg1{
  margin-bottom:0px;
  display: inline-block;
  margin-bottom: 0%;
}
#figure1{
text-align: center;
display: inline-block;
font-family: "Ubuntu", sans-serif;
}
#figcap1{
color:#FFFFFF;
background-color: #556B2F;
text-align: center;
font-size: 10px;
text-align:center;
font-family: "Ubuntu", sans-serif;
}
#image1{
  width: 100%;
  margin: 2%;
  margin-bottom: 0%;
  display: inline-block;
}
/*endsection2*/
/*section3*/
/*image2*/
#section3{
  display: inline-block;
  text-align: center;
  font-family: "Ubuntu",sans-serif;
margin-bottom:0px;
margin-top: 0%;
}
#divimg2{
  margin:0px;
  display: inline-block;
  text-align: center;
  font-size: 10px;
}
#image2{
  width: 100%;
  display: inline-block;
  margin: 0%;
}
#figure2{
text-align: center;
display: inline-block;
}
#figcap2{
  color:#FFFFFF;
  background-color: #556B2F;
  text-align: center;
  font-size: 10px;
  display: inline;
  font-family: "Ubuntu",sans-serif;
}
/*footer*/
#foot{
  padding: 0px;
  display: inline-block;
  margin-left: 5%;
  margin-right: 5%;
}
#head3{
  font-size:10px;
  font-family:"Varela", sans-serif;
  margin: 0px;
  padding:0px;
  display: inline-block;
}
#paragraph{
  font-size: 10px;
  font-family: "Varela", sans-serif;
  margin:0px;
  padding:0px;
}
#footer{
  background-color: #556B2F;
  font-size: 10px;
  font-family: "Varela", sans-serif;
  display: inline-block;
  margin:0px;
  padding:0px;
}
}