*,html
{
    margin: 0;
    padding: 0;
}
body
{
    margin-right: 0;
    margin-left: 0;
    background-image: url("img/abc.jpg");
}

.container
{
    margin-left: auto;
    margin-right: auto;
    max-width: 1550px;

}
.register
{
    opacity: 0.8;
    color: white;
}

header
{
    min-width: 100%;
    
    background: black;
    opacity: 0.8;
    font-family:"Britannic Bold";
    text-align: center;
}
h5
{
    color:aliceblue;
    text-align: center;
    font-size:  xx-large;
    padding: 20px 20px 20px 20px;
    font-family: "Goudy Old Style"

}

h1
{
    color: black;
    text-align: center;
    padding: 20px 20px 20px 20px;
}


form
{
   margin-left: 40%;
    margin-right: 40%;
    border: 2px solid black;
    background-color: black;
    padding: 20px;
    opacity: .8;
    box-shadow: black 2px;
    margin-top: 80px;
    border-radius: 16px;
    font-family: Tahoma;


    color: white;


}
form label
{
    color: white;
}
input[type="email"]
{
    width:80%;
    font-size: 16px;
    padding: 4px;
}
input[type="text"]
{
    width:80%;
    font-size: 16px;
    padding: 4px;
}
input[type="password"]
{
    width: 80%;
    font-size: 16px;
    padding: 4px;

}
input[type="submit"]
{
    width: 50%;
    background:black;
    opacity: 0.8;
    color: aliceblue;
    font-family: Arial;
    font-size: 18px;
    border: 1px whitesmoke;
    border-radius: 4px;
    box-shadow: black 2px 2px 2px;
    padding: 4px;
}
footer
{
    bottom:0;
    position: fixed;
    width: 100%;
    background: darkslategray;
    color: whitesmoke;
    font-family: "Times New Roman";
    padding: 10px 20px;
}

.navbar ul
{

    margin: 0;
    padding-left:100px;
    background-color: black;
    opacity: 0.5;




}
.navbar ul li
{

    display: inline-block ;
    text-align: center;
    margin-right: 8%;
    margin-left: 8%;
    list-style: none;
    font-size: large;
    color: white;
    padding: 10px;

}
.navbar ul li a
{

    text-decoration: none;
    color: whitesmoke;
    display: block;
}
.navbar ul li a:hover
{
    color: lemonchiffon;
}

.container h2
{
	padding: 20px;
	text-align: center;	
}

article h1

{

    text-align: center;
}

main
{
    margin-left: 15%;
    margin-right: 15%;
    width: 70%;


    opacity: 0.8;
}

main1
{
    margin-left: 15%;
    margin-right: 15%;
    width: 70%;
    height: 10%;

    background-color: gray;
    opacity: 1.0;
}
article p
{

    font-size: x-large;
}

article p,img
{
    float: left;
   margin: 20px;
}
article img
{

    border: 2px solid white;
    box-shadow: 2px 2px 2px black;
    align-self: center;
}

.gallery
{
    max-width: 80%;
    background-color: black;
    opacity: 0.8;
    margin-left: 15%;
    margin-top: 2.5%;
    margin-right: 15%;

}

.gallery img
{
    width: 480px;
    height: 360px;
    border: 4px solid white;
    box-shadow:2px 2px 2px black;
}

 .register form
 {
     margin: 2.5%;
     float: left;
     min-width: 22.5%;
     height: auto;
     margin-left: 40%;
     padding: 10px;
     text-align: center;
     color: black;
     opacity: 0.7;
     border-radius: 16px;
     font-family: "Goudy Old Style";


 }
 .register form input
 {
     margin: 10px;
 }

 .social
 {
     margin-right: 10%;
     margin-left: 10%;

 }


 .social img
 {
     width: 10%;
     height: 10%;
     margin-left: 7%;
     margin-right: 7%;
 }

.contentmain
{
    background: black;

    color: white;
    opacity: 0.5;
    margin-top: 10% ;
    margin-left: 30%;
    margin-right: 30%;
    max-width: 40%;

}

.contentmain h1
{
    color:white;

}

.social a img:hover
{
    border: transparent 2px solid;
}
.contentmain a
{

    text-decoration: none;
    text-align: center;
}
.contentmain a h3
{
    color:white;

    width:20%;
    padding: 3%;
    font-size: x-large;
    margin-left: 200px;



}
.googleMap
{
    margin-right: 30%;
    margin-left: 30%;

}
.googleMap h2
{
    color: black;
}
.map

{
    opacity: 1;
    margin-top: 2%;
    align-items: center;
    border: solid black 4px;

}
.googleMap p
{
    font-family: "Goudy Old Style";
    color: black;
    font-size: large;

    text-align: center;
}
.googleMap iframe
{
margin-left: 0;
    margin-right: 0;
    padding: 0;


}
.contentmain a h3:hover
{
    color: deepskyblue;
}