@charset "UTF-8";

div#infocontainer{
width:47%;
height:auto;
float:left;
}

div.info{
height:auto;
width:100%;
float:left;
margin-right:2%;
margin-left:2%;
margin-bottom:1rem;
}

div.info h3{margin-top:0; 
margin-bottom:0.2rem;
}

div.info p{margin-top:0;}

div.info img{
float:left;
width:27%;
height:auto;
margin:1%;
margin-right:2.5%;
box-shadow:2px 2px 5px #000; position:relative;
}

div#infocontainer2{
width:47%;
height:auto;
float:right;
}

div.info2{
height:auto;
width:100%;
float:right;
margin-right:1%;
margin-bottom:1rem;
}

div.info2 img{
float:left;
width:27%;
height:auto;
margin:1%;
margin-right:2.5%;
box-shadow:2px 2px 5px #000; position:relative;
}

div.info2 h3{margin-top:0.15rem; margin-bottom:0.15rem;}

div.info2 p#actionphrase{color:#1D407B;
font-size:21px;
}

div.info2 p#actionphrase span{font-style:italic;
font-size:16px;
display:block;
}

div.info2 p{margin-top:0.001rem;}

.read, h3 a{
text-decoration:none;
color:#D5952D;
}

@media screen and (max-width:560px){
div#infocontainer{float:none;
margin-right:10%;
margin-left:10%;
width:80%;
text-align:center;
}

p#phrase{margin-bottom:1.3rem;
}

div#infocontainer2{float:none;
margin-right:10%;
margin-left:10%;
width:80%;
text-align:center;
}

div.info{margin-bottom:0;}

div.info2{margin-bottom:0;}

div.info img{float:none;
margin-top:0;
margin-bottom:0;
margin-right:25%;
margin-left:25%;
width:30%;
height:auto;
}

div.info2 img{float:none;
margin-top:0;
margin-bottom:0;
margin-right:25%;
margin-left:25%;
width:30%;
height:auto;
}

div.info2 p#actionphrase{font-size:18px;
}

.read{font-size:18px;
}
}