/* CSS Document */
body{
margin-top:10px;
background-color:#000000;
 font-family:"Montserrat";
}
h1{
font-family:Verdana;
font-size:70px;
color:#FFFFFF;
text-align:center;
font-weight:700;
}

h2{
font-family:Verdana;
font-size:50px;
color:#FFFFFF;
text-align:center;
font-weight:700;
}


img{
display:inline;
margin:10px;
}

.flex{
  flex-flow:wrap;
display:flex;
justify-content: center;
}


a:hover,a:hover img{
opacity: .7;
-webkit-opacity: .7;
-moz-opacity: .7;

}
 
a, a img {
-webkit-transition: opacity 0.2s ease-out;
-moz-transition: opacity 0.2s ease-out;
-ms-transition: opacity 0.2s ease-out;
transition: opacity 0.2s ease-out;
 color:#ffffff;
 
}


@media(max-width:700px) {
h1{
font-size:30px;
}



.flex{
display:block;
}

img{
width:100%;
margin:20px 0;
}

}