@import 'https://fonts.googleapis.com/css?family=Anton';
*{margin: 0;
padding:0;
border: 0;
text-decoration: none;color:black;
}


ul.dropbtn {
  
	background-color: #4CAF50;
    color: black;
    padding: 16px,20px,20px,30px;
    font-size: 16px;
    border: none;
    cursor: pointer;
 
}

.dropdown {
    /*position: relative;*/
    display: inline-block;
	float:left;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: darkgreen;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

.dropdown-content a {

    font-family:Anton,sans-serif;
	color: yellow;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {background-color: black}

.dropdown:hover .dropdown-content {
    display: block;
}

.dropdown:hover .dropbtn {
    background-color: #3e8e41;
}
h4{padding:10px;
    font-family: 'Roboto Condensed', sans-serif;color:black;background-color: yellow;}
div.onepic a:hover {color:red;}

h2{font-family:Anton,sans-serif;padding:5px;
    letter-spacing: 5px;background-color: grey;}
div.onepic a:hover {color:yellow;}

div.onepic {background-image:url(dotcompattSsm.png);
padding:45px;
width: 25%;
float:left;
text-align:center;color:black;}

iframe {margin:200px; }
@media screen and (max-width: 768px)
{div.onepic {background-image:url(greylinepat.png);
width:auto;
width: 100%;
float:none;
margin-right:0;
padding:10px;}