.menu{
margin-left:10%;
width:80%;
}

.menu div
{
border-right:1px dashed lightgray;
transition:all 0.5s;
font-size:20px;
color:#659df7;
text-align:center;
padding:10px;
border-bottom:2px solid white;
background-color:white;
}
.menu a
{
text-decoration:none;
float:left;
cursor:pointer;
}
.menu a:hover
{
text-decoration:none;
font-style:none;
}
.menu a:hover  div
{
border-bottom-color:rgba(101, 157, 247,0.5);
color:blue;
}
#mobilemenu
{
color:#659df7;
width:100%;
text-align:right;
font-size:25px;
padding:10px;
cursor:pointer;
}
#mobilemenu:hover
{
color:blue;
}

.menu-dropdown
{
display:none;
}
.menu-dropdown a{
text-decoration:none;
}
.menu-dropdown div
{
text-align:center;
padding:8px;
color:#659df7;
cursor:pointer;
transition:all 0.5s;
border-bottom:1px dashed lightgray;
font-size:18px;
}
.menu-dropdown>a:hover div
{
color:blue;
border-bottom:1px solid #659df7;
}


@media (min-width:200px)
{
.menu-dropdown
{
box-shadow:2px 2px 30px rgba(0,0,0,0.5);
width:80%;
margin-left:10%;
}
.content-block-info
{
width:100%;
}
.content-block
{
width:36%;
margin-left:9%;
}
#mobilemenu
{
display:block;
}
.menu
{
display:none;
}
.menu a{
width:100%;
}
}
@media (min-width:992px)
{
.menu-dropdown
{
box-shadow:none;
width:16%;
margin-left:26%;
}
.content-block-info
{
width:50%;
margin-left:25%;
}
.content-block
{
width:18%;
margin-left:1%;
}
#mobilemenu
{
display:none;
}
.menu 
{
display:inline-block;
}
.menu a{
width:20%;
}
}